Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 19, 2015 at 9:06 pm #490400
    endoradigital

    I’m trying to stack my header elements when the browser/device width is 768 or less.

    These items would be
    header_meta
    logo
    black-studio-tinymce-9 (the widget area I added to the header)

    Also how can I set an on state that does not affect the subnav item on the main nav and also on the sidebar nav.

    Thank you.

    August 21, 2015 at 6:30 am #491167
    Rikard

    Hi endoradigital,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#header .widget {
    position: relative !important;
}
}

    Best regards,
    Rikard

    August 25, 2015 at 10:29 pm #493237
    endoradigital

    Thank you!

    August 25, 2015 at 10:31 pm #493238
    Basilis

    Hi!

    Glad it worked out for you!
    I will close that ticket now, please feel free to create a new one if needed.
    Thanks a lot!

    Cheers!
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Stack Header Elements at certain width’ is closed to new replies.