Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 5, 2018 at 5:53 pm #908114
    Justin

    Hey guys, this is happening to more than one site. It’s on the iPpad. Been seeing it since the latest update. Thought I would let you know.
    https://js-interactive.com/overlap.png

    JS

    February 5, 2018 at 6:16 pm #908132
    Yigit

    Hi Justin,

    Could you please post a link so we can look into it? :)

    Regards,
    Yigit

    February 5, 2018 at 6:29 pm #908138
    Justin

    Hey Yigit …

    Thanks!

    February 6, 2018 at 6:27 am #908364
    Rikard

    Hi,

    I think you will have to adjust the font sizes for each screens size to get that looking right. Try this to make the phone numbers a bit smaller on tablets:

    @media only screen and (max-width: 990px) {
#header_meta .phone-info, #header_meta .phone-info span {
    font-size: 16px !important;
}
}

    Best regards,
    Rikard

    February 6, 2018 at 4:03 pm #908651
    Justin

    Thanks Rikard, I think I mentioned in my original post that it’s not related to font-size :) Even at 14px there is conflict.

    February 6, 2018 at 4:46 pm #908674
    Justin

    I mean…not to be a pest, but you’ll see its happening with all my sites that use your theme and have the phone number at the top :)

    Thanks!

    February 7, 2018 at 6:12 am #908905
    Rikard

    Hi,

    Please try this for the Kohala site:

    @media only screen and (max-width: 990px) {
.sub_menu {
    min-width:100% !important;
    display:block !important;
}

#avia2-menu {
    display: table !important;
    margin: 0 auto !important;
    padding-bottom: 20px !important;
}
}

    Best regards,
    Rikard

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