Okay
  Public Ticket #2304914
Menu font size and title font size
Closed

Comments

  •  1
    flowerz started the conversation
    February 19, 2020 at 1:36pm

    Hi there, 

    I am just wondering how can I change the font size of the the menu on the header and font size of the title of the page. The problem is that they display fine on the web browser, but on the phone the font size does not change, therefore one word gets cut in half as the screen is smaller on mobile or tablet. Is there a way to make the font size change depending on the type of device being used? 

  •  675
    Neuron replied
    February 20, 2020 at 9:41am

    Hi Flowerz,

    This is the selector to enhance the title of header and the menu items.

    Menu Items:

    ul.menu.m-header-default-menu li > a {
        font-size: 20px !important;
    }

    If you want to modify it for mobiles.

    @media (max-width: 991px) {
    ul.menu.m-header-default-menu li > a {
        font-size: 16px !important;
    }
}

    Logo Title.

    .l-primary-header .a-logo.a-logo--text a {
    font-size: 20px !important;
}
@media (max-width: 991px) {
    .l-primary-header .a-logo.a-logo--text a {
        font-size: 16px !important;
    } 
}

    Feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.