Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 26, 2021 at 10:23 am #1326463
    fkm

    Hi Enfold team,

    the links on my website switch their font weight from 300 to 600 on hover or when they are active.
    And so the menu items do as well on big screens: if someone visit a page, the corresponding menu item remains in semibold (600).

    I wonder if this is also possible for the mobile menu (flyout/burger):
    Here the menu items are also semibold as soon as you tap them, but they don’t stay that way when the corresponding page is opened.
    So if you open the flyout menu again, you cannot see which page is currently open.
    Please see screenshots.

    Is there a quick way to fix this?

    Thank you very much in advance.

    Best regards,
    fkm

    October 26, 2021 at 1:46 pm #1326492
    Mike

    Hey fkm,
    Thank you for the link to your site and the screenshots, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #av-burger-menu-ul .current_page_item a .avia-menu-text {
	font-weight: 600;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 26, 2021 at 2:26 pm #1326498
    fkm

    Hey Mike,

    exactly like that – works fine. :)

    Thank you so much.

    Best regards,
    fkm

    October 27, 2021 at 1:24 am #1326558
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Active menu items on mobile menu’ is closed to new replies.