Before you ask please READ THIS

Hiding certain elements from responsive!

edited January 2014 in Superior Posts: 4
Hey, how can I hide certain elements from responsive design. There are things that are rather disturbing when viewing on the phone or tablet, and I would like to disable those elements from loading on such devices.

For example, on iPhones, I would like to hide the layer slider and the cta button in the menu.
Screen Shot 2014-01-16 at 14.41.13.png
320 x 179 - 37K

Comments

  • AirAir
    Posts: 10,970
    Hello

    You have to write css for that for breakpoint after you wish to hide element. For this button it could be something like this:
    @media only screen and (max-width: 680px) {
    .menu-button-container{
    display: none;
    }
    }
    With regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion