Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 10, 2021 at 12:47 pm #1320395
    TakiwaSoulArt

    Hi,

    for the website in the private content, I used the following code to change the font-size of the burger menu in the responsive design:

    #av-burger-menu-ul li a span {
    font-size: 24px !important;
    }

    Now I need a code to change the font size of the submenu links.

    Thanks for helping me and kind regards,
    Sabine

    September 10, 2021 at 3:55 pm #1320426
    Yigit

    Hi Sabine,

    Please go to Enfold theme options > Advanced Styling and edit “Menu Links in overlay/slide out” and adjust font sizes :)

    Cheers!
    Yigit

    September 10, 2021 at 5:31 pm #1320435
    TakiwaSoulArt

    Hi Yigit,

    it doesn’t work the way I thought it would. Maybe I expressed myself wrongly. I meant the font size of the sublevels-links in the burger menu.

    I hop you understand me better.

    Thank you.
    Cheers, Sabine

    September 12, 2021 at 6:56 am #1320559
    Rikard

    Hi Sabine,

    Thanks for the update. So you mean that you want to target the second level links in the mobile menu?

    Best regards,
    Rikard

    September 12, 2021 at 11:38 am #1320575
    TakiwaSoulArt

    Hi Rikard,

    I need another font-size for the second level links in the burger menu.

    Best regards,
    Sabine

    September 13, 2021 at 9:55 am #1320680
    Rikard

    Hi,

    Thanks for the clarification, please try this CSS:

    #av-burger-menu-ul .sub-menu .sub-menu li a {
  font-size: 16px;
}

    You will likely have to remove the !important part of the CSS you posted in your first post.

    Best regards,
    Rikard

    September 13, 2021 at 10:07 am #1320686
    TakiwaSoulArt

    Hi Rikard,

    I’m sorry, the code doesn’t work. I tried also with !important, but it also doesn’t work. Do you have another idea?

    Thank you and greetings,
    Sabine

    September 13, 2021 at 2:14 pm #1320724
    Yigit

    Hi Sabine,

    Please remove !important from your code, as following:

    #av-burger-menu-ul li a span {
    font-size: 24px;
}

    Then add following code to bottom of Quick CSS field

    #av-burger-menu-ul .sub-menu li span {
    font-size: 16px;
}

    Best regards,
    Yigit

    September 13, 2021 at 2:31 pm #1320729
    TakiwaSoulArt

    Hi Yigit,

    thank you so much – it’s so great – it works. Then you can close this topic

    Cheers
    Sabine

    September 13, 2021 at 3:13 pm #1320735
    Yigit

    Hi Sabine,

    You are welcome!
    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

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