How to remove all the featured pages from frontpage only for mobile ?

  • Resolved nerimizi

    (@nerimizi)


    9 years, 4 months ago

    Hi all,
    For a better User Experience (contents readebility/bounce rate) I would like to remove all featured pages on my front page but only if the web site is rendered in a mobile device.

    At the moment I can completely remove/add the 3 Featured Pages by Customize>Content>Front Page>Featured Pages Options :: Display home featured pages area, but this is’n device dependent

    Thanks a lot !
    nerimizi

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try this

    @media all and (max-width:800px) {

.widget-front {
    display: none;
}

}

    You need to decide what width you call ‘mobile’

    Thread Starter nerimizi

    (@nerimizi)

    Hi @rdellconsulting sorry but this is a bit cryptic for me, in which file have I to add this code ? In my custom CSS ? I don’t understand “You need to decide what width you call ‘mobile'”

    Thanks,
    nerimizi

    Thread Starter nerimizi

    (@nerimizi)

    Hi @rdellconsulting I put the code in my Custom CSS … a disaster the web site stopped working

    Please can you elaborate your suggestion ?

    Thanks,
    nerimizi

    The recommended way is to use a child theme style.css, but no reason it wouldn’t work in Custom CSS.

    Are you sure you included both the } at the end as missing the last one would cause a problem.

    Did you ever read this snippet which explains ‘mobile’

    Thread Starter nerimizi

    (@nerimizi)

    Hi @rdellconsulting thanks for the reply, I can confirm you that I copy and paste the complete code and the website stopped working.

    I’ll read the @media queries Responsiveness !

    Thread Starter nerimizi

    (@nerimizi)

    It works ! Thanks. It broke my website after a css compression, without compression all is ok

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove all the featured pages from frontpage only for mobile ?’ is closed to new replies.