Navigation
Archive / How to adjust Menu Font Size for iPhone and iPad
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 6, 2017 at 11:45 am #1359964
    chriscarr1951
    Participant

    Hi,

    Is there any easy way to adjust the font size when displaying the menu items for Iphone and iPad. I like them at 20 when on PC but they run to 2 lines when on some of the iPhone iPad views.
    http://fionacampbelldesign.co.uk/wp/aw/

    February 6, 2017 at 11:46 am #1359969
    chriscarr1951
    Participant
    This reply has been marked as private.
    February 6, 2017 at 11:54 am #1359985
    Rupok
    Member

    Hi there,

    Thanks for writing in! It seems you are using large padding, so decreasing them should do the work. If you want to control font-size, you can do this as well. Let’s add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 960px) and (max-width: 1128px) {
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 18px;
    padding-left: 50px;
    padding-right: 50px;
}
}

    Hope this helps.

    Cheers!

    February 8, 2017 at 10:10 am #1362984
    chriscarr1951
    Participant

    Thanks Rupok, I just need to check with an iPad, but a first glance this looks like you’ve cracked it.

    Chris

    February 8, 2017 at 10:30 am #1363022
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1359964 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>