Home page title, sub-title and call to action alignment on mobile

Hi There,

Can someone please help me with CSS code to align the title, sub-title and call to action that’s on the home page for mobile devices? They all align a little too far up and i want to push them down a bit so they are in the centre of the mobile screen. see image below

Regards,
Makho

Hi,

Please try to adjust the top value on the custom CSS code below:

.slide-inner {
    top: 60%;
}

Then, put the code in above into Customize > additional CSS

Regards,
Awan

Hi Awan,

That code seems to affect the full-size website, not the mobile site. I then tried to limit it to screen sizes of a maximum 1024px (as shown below, but it doesn’t work for mobile devices.

@media only screen and (max-width:1024px) 
     {
           .slide-inner {
            top: 60%;
     }

}

Please assist.

Regards,
Makho

Hi,

Try this please:

@media only screen and (max-width: 768px) {
     .slide-inner {
            top: 60%;
     }
}

That worked Perfectly thank You!
Great support as always

1 Like