The banner covers the header nav logo and menu

  • Resolved oscar11

    (@oscar11)


    5 years ago

    Hi Support,

    The banner on mobile view is covering the header logo and hamburger nav icon, how can I move it up top, where it can sit right above them, so it doesn’t cover over the header?

    Additionally, is it possible to only show the banner on mobile view?

    I have temp disabled it for now.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    5 years ago

    Without being able to see your site its a little difficult. But you can try changing the banner position to relative. And then for only showing on mobile view you would need to put something like this in the Website Custom CSS:

    @media screen and (min-width: 568px) {
.simple-banner {
  display: none;
}
}

    You will need to adjust that min-width value to the specific point where your mobile site cuts over.

    Thread Starter oscar11

    (@oscar11)

    5 years ago

    Thanks for that, however the code has allowed the banner to show on desktop instead and not show on mobile.

    I’ll need it to show on mobile and not on desktop.

    This is what it looks like with the banner on mobile:
    https://snipboard.io/yCecBn.jpg

    And what it looks like without the banner on mobile:
    https://snipboard.io/FM2kXo.jpg

    Hope this helps!

    Plugin Author rpetersen29

    (@rpetersen29)

    5 years ago

    Hi @oscar11
    I initially put max-width and then quickly saw my error and changed it. Are you sure you’re using min-width? That will allow it to show only on mobile.

    Thread Starter oscar11

    (@oscar11)

    5 years ago

    Hello,

    Unfortunately even with min-width, it shows on desktop and not mobile.

    Plugin Author rpetersen29

    (@rpetersen29)

    5 years ago

    Alright there’s bound to be something else going on then, by definition mid-width will only apply the css to elements bigger than that width. I’m going to close this and we’re going to have to continue via email as this is broaching on subjects only available in the pro version. You can find my email via my website.

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

The topic ‘The banner covers the header nav logo and menu’ is closed to new replies.