Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2016 at 8:04 pm #576660
    journey5956

    Website is http://amgpinehurst.com
    How can I make the menu adjust on large tablets/smaller screens so that it doesn’t go to 2 lines. I’m fine with the mobile display menu on smaller devices, but on larger tablets/screens I would prefer to re-size the full menu. Is this possible?

    February 2, 2016 at 10:07 pm #576739
    Basilis

    Hi journey5956!

    In which devices / tablets and higher?
    Let us know the pixels so we can adjust the CSS for you!

    Best regards,
    Basilis

    February 8, 2016 at 2:53 am #579302
    journey5956

    Sorry – didn’t see your reply – believe the font should shrink and/or padding between items should resize?
    Also, mobile menu disappears when scrolling down on smartphones/tablets.
    Header widget (drfester.com) doesn’t stack on mobile like it does on amgpinehurst.com – although mobile menu seems to disappear on both.
    Thanks,

    February 10, 2016 at 11:09 am #580965
    Andy

    Hi!

    if you want smaller font size for menu items on iPad screen size use this code in Quick CSS field:

    @media only screen and (max-width: 1024px) {
.avia-menu-text {
font-size: 7px;
}}

    Cheers!
    Andy

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