Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 4, 2018 at 5:21 pm #966653
    StormWebDesign

    Hi Guys,

    I’ve set the Burger Menu to appear in the menu options for Smart Phones and Tablets, but the menu is still overlapping my logo.

    I would like the Burger Menu to appear until the screen width is 1220px.

    I’ve followed various threads, cleared my cache and plug-ins but it still doesn’t seem to work.

    Can you please help.
    Thanks

    June 4, 2018 at 6:56 pm #966720
    Jordan Shannon

    Hey StormWebDesign,

    Add the following to quick css:

    @media only screen and (max-width: 1220px)  {
#avia-menu.menu.av-main-nav .menu-item-top-level{
display:none!important;
}
.av-burger-menu-main.menu-item-avia-special {
display:block!important;
}}

    Best regards,
    Jordan Shannon

    June 4, 2018 at 8:39 pm #966781
    StormWebDesign

    Hi Jordan,
    Thanks for your prompt reply, much appreciated, however the menu is still overlapping the logo as shown in the attached screenshot in the Private Content section below. I’ve cleared my cache.
    Any thoughts?
    Best,
    Johnny

    June 4, 2018 at 8:43 pm #966782
    Jordan Shannon

    Hi,

    Did you add my code to the very top of quick css so that it runs first before anything else?

    Best regards,
    Jordan Shannon

    June 4, 2018 at 8:58 pm #966789
    StormWebDesign

    Hi,
    I added it to my Child Theme. Should it go at the very top?
    Best,
    Johnny

    June 4, 2018 at 9:00 pm #966793
    StormWebDesign

    I’ve tried it at the top of my Child Theme CSS but still the same result?

    June 4, 2018 at 9:04 pm #966800
    Jordan Shannon

    Hi,

    I just logged in and added the code to quick css and it seems to be working on my end. Please test.

    Best regards,
    Jordan Shannon

    June 4, 2018 at 9:07 pm #966802
    StormWebDesign

    You’re a legend. Thanks. It works perfectly. I thought that the Child Theme replaced the need for Quick CSS?
    Thanks for your help Jordan. Much appreciated!
    Johnny

    June 4, 2018 at 9:13 pm #966806
    Jordan Shannon

    Hi,

    Quick CSS is still needed in some instances even with a child theme, they are update proof as well so it won’t be overwritten. I’m glad I was able to help you with this. Did you need anything else with this topic or shall I close?

    Best regards,
    Jordan Shannon

    June 4, 2018 at 9:21 pm #966817
    StormWebDesign

    Thanks for your advice. Everything is good so we can close the topic.
    Thanks again Jordan,
    Johnny

    June 4, 2018 at 10:33 pm #966859
    Jordan Shannon

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Set Burger Menu to appear until a specific screen width’ is closed to new replies.