[Resolved] Change font and line height in mobile menu

Home Forums Support Change font and line height in mobile menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #886144
    Ulas Engin

    Hi,

    I created a new menu for mobile using Tom’s script with Code Snippet plugin somewhere explained in forum. Everything looks fine but I also want to change font and line height of mobile menu when opened. Because used font in menu exceeds limits of mobile screen. Is there a way to use different font in mobile menu?

    Thanks in advance…

    #886329
    David
    Staff
    Customer Support

    Hi there,

    any chance you can share a link to the site?

    #886505
    Ulas Engin

    Thanks for you urgent reply.

    The site is still in our local server so no chance for viewing. But I solved the problem by some css as below…


    @media
    (max-width: 768px) {
    .main-nav a {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 3 !important;
    }
    }

    As the logo is within the navigation, line height property was exceeding mobile screen. If you have any additional code, it is appreciated as well.

    Thanks again…

    #886723
    David
    Staff
    Customer Support

    are you using the mobile header?

    #886793
    Ulas Engin

    Yes, I am using it as described in one of your forum topics.

    #886797
    David
    Staff
    Customer Support

    So the issue is the logo is too large now?

    #886811
    Ulas Engin

    No, rather than being large, it is too small as the same size of navigation height. But we are happy with it.

    The main problem was the gap between the items in mobile menu. With the css I sent above I got it corrected.

    #886826
    David
    Staff
    Customer Support

    Ok thanks for confirming. Glad you got it resolved.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.