Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 13, 2015 at 7:21 pm #472624
    Aleigh

    I know the easiest way to fix this issue is to convert to a mobile menu. However, I would like to keep the standard menu in all tablet views. Is there a quick css to fix this issue?

    July 13, 2015 at 8:37 pm #472667
    Elliott

    Hey Aleigh!

    How are you trying to change it? Reduce the font size? Reduce padding between elements?

    Regards,
    Elliott

    July 13, 2015 at 9:00 pm #472680
    Aleigh

    Hello Elliot!
    Due to the size and location of my logo, I don’t believe that reduction in the size of the logo will work, and I don’t want to reduce the font size on the menu. In the vertical view there is already little padding between elements as well.
    So, after reviewing my menu and secondary pages, I have would like to request another solution.
    Is there a quick css that will enable the mobile view of the site for vertical tablet view? This would include the menu and all page content (trying to keep things uniform).
    Essentially, if the menu changes to mobile, is there a quick css that will change all the content to mobile view (menu and all)? Only in vertical tablet though… not tablet horizontal.

    July 14, 2015 at 10:05 am #472937
    Rikard

    Hi!

    Please try the following in Quick CSS, it’s what you didn’t want to do (make the text smaller), but I think it works:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
span.avia-menu-text{
  font-size: 97% !important;
}
}

    Please let us know if you’d want another solution.

    Best regards,
    Rikard

    July 14, 2015 at 6:12 pm #473354
    Aleigh

    Hello Rikard,
    Pasted the code, no change.
    I would really like to enable the mobile format in the vertical tablet view (vertical only). Is this possible through Quick CSS?

    July 15, 2015 at 5:18 am #473515
    Rikard

    Hey!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Cheers!
    Rikard

    July 15, 2015 at 6:31 pm #473912
    Aleigh

    Absolutely!

    July 16, 2015 at 8:34 am #474110
    Rikard

    Hi!

    I adjusted the code to this:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
span.avia-menu-text{
  font-size: 85% !important;
}
}

    It doesn’t overlap anymore.

    Best regards,
    Rikard

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