How Hidden Section On Mobile Landcape? - Question | JoomShaper

How Hidden Section On Mobile Landcape?

P

pranky

SP Page Builder 1 week ago

Hello, how can I hide a section and its contents in mobile landscape view, i.e., when I rotate my phone from portrait to landscape? There is a switch that hides it in mobile view, but only in portrait mode. Thank you.

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #218020

Hi.

As I remember we have aslo that

info_3911_2026.jpg

the same is for Addons.


But becuase there are huge number of different phones and screen resolutions, it may not work all smartphones. Then you have to use Custom CSS to increase that range.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #218021

Example CSS - how it may look like

@media screen and (max-width: 860px) and (min-width: 541px) {
   #sp-page-builder  .sppb-hidden-sm {display: none !important;}
}

but first above option (Hidden on Mobile Landscape) must be ON to make it work.


By default in SPPB we used

@media (min-width:576px) and (max-width:767.98px){.sppb-hidden-sm{display:none!important}}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #218022

Add it inside custom.css or Custom CSS in Template Options to make it work on whole website.


If OK, please mark topic as solved.

0