Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 11, 2019 at 10:11 am #1136964
    nickname-superstar

    Hello,

    i added a header widget (logo left, widget left below, menu right). On desktop it looks great, but on mobile/responsive the menu is displayed over the content. Can you assist please? I couldnt find a solution….

    Thanks!

    September 12, 2019 at 9:07 am #1137422
    Rikard

    Hey nickname-superstar,

    There’s not enough space there, I think it would be better if you hide the widget for mobile and add the content to a new section instead. You can hide the new section for all screen sizes except mobile in the element options.

    Best regards,
    Rikard

    September 12, 2019 at 1:01 pm #1137510
    nickname-superstar

    Great thanks, that sounds like a good solution.

    Where do i find the element options exactly?
    – Where do i hide the widget for mobile?
    – And then i add the content to another widget (like footer) for mobile. Where do i hide it then for all other screens?

    Thanks so much!

    September 13, 2019 at 9:28 am #1137849
    Rikard

    Hi,

    You can hide the widget for phones using this in Quick CSS:

    @media only screen and (max-width: 767px) {
#custom_html-2 {
  display:none;
}
}

    The new section you can hide for all screens except mobile in the Screen Options tab in the element options.

    Best regards,
    Rikard

    September 13, 2019 at 12:35 pm #1137978
    nickname-superstar

    Thanks, got it! :)

    September 13, 2019 at 5:05 pm #1138075
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header widget mobile issue’ is closed to new replies.