Hiding Simple Hooks content on Mobile

If you have a mobile site then you likely have a mobile plugin/theme. In that case Simple sidebars wouldn’t be used.

If you have a responsive theme – there isn’t anything in GSS that detects mobile devices. You could hide that content with responsive CSS though.

Hi Ron,

Thank you for responding! Our theme is based on the Genesis child theme Magazine Pro which I believe is mobile responsive.

I’ve added this text to sit below the secondary nav bar before the content using GSS and using PHP in GSS I’ve got it showing only on the home page. How would I hide it on mobile using responsive CSS?

Would that be an @media addition? and would I add it in GSS or in my stylesheet?

Thanks again for your help, I really appreciate it!
Fiona

Would that be an @media addition?

Yes.

would I add it in GSS or in my stylesheet?

Your stylesheet.

Thanks for the advice Ron!

I created a div class in my css in my @media (768px max-width) section:

.nav-secondary,
 .divname {
    display: none;

and then added the div class to my code in my Simple Hooks, this also allowed me to hide my secondary nav bar on mobile devices. Worked like a charm!
Fiona