Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 25, 2022 at 11:18 am #1349370
    TakiwaSoulArt

    Hi,

    I had help because of this website before because the header was very much reduced in size. This may now have the effect that the burger menu is no longer visible. How can this be set again. Access to the site is in private content.

    Thank you very much for the help and many greetings
    Sabine

    April 25, 2022 at 11:57 am #1349381
    Rikard

    Hey Sabine,

    You are hiding the logo container with this CSS:

    #top #header .av-logo-container {
    display: none;
}

    If you want that CSS to only apply to desktop devices, then please wrap it in a media query:

    @media only screen and (min-width: 1024px) {
#top #header .av-logo-container {
    display: none;
}
}

    Best regards,
    Rikard

    April 25, 2022 at 12:10 pm #1349384
    TakiwaSoulArt

    Hi Rikard,

    Thank you,

    I changed the code and it works great !!! The only thing that remains is, that the header in the mobile view is higher than in the desktop view. Is it possible to reduce the high also in all mobile views where the burger menu is shown?

    Thank you again and greetings,
    Sabine

    April 25, 2022 at 1:38 pm #1349403
    Rikard

    Hi,

    Thanks for the update. You have this CSS as well, which is adding padding to the header:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 45px !important;
}

    If you don’t want that applying to mobile devices either, then please put that in a media query as well.

    Best regards,
    Rikard

    April 25, 2022 at 2:28 pm #1349414
    TakiwaSoulArt

    Hi Rikard,

    thank you for helping. Is there a way to make the header in the mobile version with burger menu even narrower?

    Thank you and best regards,
    Sabine

    April 25, 2022 at 5:51 pm #1349436
    Yigit

    Hi Sabine,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.html_av-overlay-side .av-burger-overlay-scroll {
  width: 210px;
}

    Best regards,
    Yigit

    April 26, 2022 at 10:13 am #1349491
    TakiwaSoulArt

    Hi Yigit,

    sorry, my description was wrong. I meant if you can make the header smaller in height on the devices that display a burger menu.

    Best regards,
    Sabine

    April 26, 2022 at 11:18 am #1349505
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.av-logo-container {
    height: 55px;
}
}

    Best regards,
    Rikard

    April 26, 2022 at 12:14 pm #1349515
    TakiwaSoulArt

    Hi Rikard,

    I’m sorry, the code doesn’t work …

    Best regards,
    Sabine

    April 26, 2022 at 4:40 pm #1349553
    Rikard

    Hi,

    Edit.

    Best regards,
    Rikard

    • This reply was modified 2 years, 7 months ago by Rikard.
    April 26, 2022 at 4:46 pm #1349556
    Rikard

    Hi,

    I’ve added the code for you in Quick CSS, and it’s working as it should.

    Best regards,
    Rikard

    April 28, 2022 at 12:30 pm #1349811
    TakiwaSoulArt

    Hi Rikard,

    thank you for helping. It seems I made a mistake.

    It works and you can close this topic.

    Best regards,
    Sabine

    April 28, 2022 at 3:53 pm #1349829
    Rikard

    Hi,

    Great, I’m glad that we could help. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Burger Menu missing’ is closed to new replies.