Vertical padding on mobile

Hybrid1ltd

Hi,

Is there a way to reduce vertical padding on mobile only from theme options?

The padding values look great on desktop but on Mobile everything is far too much padding;

As an example please compare desktop with mobile on here: https://www.gardencourses.com/a-new-approach/

Many thanks

Phil

Hello,

You can create two identical section with the same content, but one with padding that will be displayed only on Desktop, and one without padding that will be visible only on Moblie.

You just need to select Responsive Visibility in section opitons.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Hybrid1ltd

That works very well, thanks!

Hybrid1ltd

1 other thing, I have custom subheaders on each page but they dont work on mobile so i'd just like to hide them for mobile, is this possible?

Phil

Please, go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and put there the following Custom CSS Code.

@media (max-width:767px){
 #Subheader{
   display: none!important;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next