Home Forums Consulting – Business WordPress Theme [Mobile View] Reduction of Font Size of Menu Items

Tagged: , ,

This topic contains 5 replies, has 3 voices, and was last updated by  Axel 5 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #4948

    Please have a look at this site on the mobile device and open the menu. As seen in screenshot, the font size of the Menu Items is huge and covers half the screen size when expanded.

    Can you please suggest CSS change to reduce/modify the font size of the menu item [only on mobile screen].

    Thanks in advance.

    #4955

    Axel
    Moderator

    Hi,

    Please try to use this custom CSS:

    @media only screen and (max-width: 991px) { 
    body .mobile_header .top_nav_mobile .main_menu_nav > li > a{ font-size: 16px; } 
    }

    Regards

    #4974

    Thanks, it works. Can you also provide similar change for the sub-menu items

    #4982

    Felix
    Moderator

    Hi,
    Please try to use this custom CSS:

    @media only screen and (max-width: 991px) { 
    body .mobile_header .top_nav_mobile .main_menu_nav ul li a{ font-size: 14px; } 
    }

    Regards

    #5007

    Thanks Felix, works fine. Closing the ticket

    #5012

    Axel
    Moderator

    You are welcome!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.