Different mobile home page

Site URL: http://www.rebeccaheywood.uk

How would i change my home page on mobile so it lands on a different page? my current one is not very mobile friendly and id like to design one to fit more on mobile

Im using the wells template and i am only on the personal plan

Thanks

If you use Business Plan, we can redirect to new page when users is on mobile.

If Personal Plan, you can add more images under current, then we will use some code to hide these images on desktop, show them on mobile only.

What do you think?

5 hours ago, tuanphan said:

If you use Business Plan, we can redirect to new page when users is on mobile.

If Personal Plan, you can add more images under current, then we will use some code to hide these images on desktop, show them on mobile only.

What do you think?

I think hiding the photos on desktop will work for me - thank you

On 6/28/2021 at 8:53 PM, Rebeccaheywood said:

I think hiding the photos on desktop will work for me - thank you

Yeah. You can add some photos, then we will give the code. If it works, you can add more.

7 hours ago, tuanphan said:

Yeah. You can add some photos, then we will give the code. If it works, you can add more.

Okay ive added a gallery block id like to display on the mobile, is there a way to hide the other images on mobile so its just the gallery block?

On 6/30/2021 at 8:56 PM, Rebeccaheywood said:

Okay ive added a gallery block id like to display on the mobile, is there a way to hide the other images on mobile so its just the gallery block?

Hide gallery on desktop, show it on mobile. Is this right?

Add this to Design > Custom CSS

/* hide gallery block on desktop */
@media screen and (min-width:641px) {
div#block-yui_3_17_2_1_1625061220475_41218 {
    display: none;
}
}
/* Hide images under gallery on mobile */
@media screen and (max-width:640px) {
div#page-60916467e7fda145f1b8fa6c>.row:nth-child(n+2) {
    display: none;
}
}

3 hours ago, tuanphan said:

Hide gallery on desktop, show it on mobile. Is this right?

Add this to Design > Custom CSS

/* hide gallery block on desktop */
@media screen and (min-width:641px) {
div#block-yui_3_17_2_1_1625061220475_41218 {
    display: none;
}
}
/* Hide images under gallery on mobile */
@media screen and (max-width:640px) {
div#page-60916467e7fda145f1b8fa6c>.row:nth-child(n+2) {
    display: none;
}
}

 

Thats worked! thank you 🙂