Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 22, 2022 at 1:27 am #1341733
    alliansohog

    Hello Support!
    I want to customize my main burger menu on smal displays (mobiles)
    I havent found a css code where i can adjust the position more to left with for example 50px
    It it may possible to skip the header and show the burger symbol as i show in attached picture?
    https://1drv.ms/u/s!AgR-Im5lamBEgWHTvEoyYBcR9v8C?e=5kpANL

    February 22, 2022 at 3:43 pm #1341797
    Rikard

    Hey alliansohog,

    Thanks for the screenshot. So you are looking to have a transparent header on mobile? If so, then please refer to this: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Rikard

    February 22, 2022 at 10:15 pm #1341869
    alliansohog

    Hello Rikard!
    Thank you for your answer. Your recommended transparent header for mobile dont work for me not with the Burger menu, only on larger screens.

    But more importent is that the Burger menu symbol stick to the very right screen edge as you seen in the screenshot on very small screens. with small screens it seems OK (space between the Burger symbol and the screenborder)

    February 23, 2022 at 4:39 am #1341908
    Nikko

    Hi alliansohog,

    Please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: absolute;
  }

  .responsive #top #wrap_all .header_bg {
    background-color: transparent;
  }

  .responsive #top #wrap_all .av-logo-container {
    padding: 0 50px;
  }
}

    Best regards,
    Nikko

    February 23, 2022 at 1:03 pm #1341989
    alliansohog

    Hello Nikko!
    i added your code as you recommended, but still the same:

    https://1drv.ms/u/s!AgR-Im5lamBEgWJ61SC50kl4S9Vq?e=UglTUq

    February 23, 2022 at 1:14 pm #1341991
    Nikko

    Hi alliansohog,

    The code is not working because there’s this text before it which makes it invalid:

    [av_privacy_google_tracking]

    Please remove it.

    Best regards,
    Nikko

    February 23, 2022 at 1:44 pm #1341997
    alliansohog

    Oh, what a miss from me.
    Thanks a lot for your help!
    Its working fine

    February 23, 2022 at 4:21 pm #1342014
    Nikko

    Hi alliansohog,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Burger menu position’ is closed to new replies.