Disable featured content on mobile

  • Hi,

    I’m using Pictorico for my site (www.storyofalife.pl). I’m using the featured content bar to display the most important posts. But I have noticed that on mobile devices it does more harm than good. How can I disable it just for mobile screens?

    Thanks,

    Chris

Viewing 1 replies (of 1 total)

  • Hey @kstory

    Depending on the screen size you had in mind, you can use different CSS media queries to change the appearance of the page at certain sizes.

    I’m guessing you’re mostly worried about the smallest media query, when the theme drops down to a single column.

    To hide the Featured Content on just those smaller screens, try adding this CSS snippet.

    @media screen and (max-width: 590px) {
    #featured-content{
        display: none;
    }
}

    That can go into something like the Custom CSS Module of the Jetpack plugin, or if you’ve updated to WordPress 4.7 you can use the new built in Additional CSS in the Customizer.

    You can also play around with different max-width settings in that snippet – the larger you set that value to, the more devices will hide the Featured Content section.

Viewing 1 replies (of 1 total)
  • The topic ‘Disable featured content on mobile’ is closed to new replies.