Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 13, 2016 at 7:17 pm #647598
    crg1

    Hi, my latest website is not displaying correctly (again) on iPad, the ‘contact us’ part of the main navigation is moved down onto the next line.

    June 13, 2016 at 9:27 pm #647654
    Basilis

    Hi crg1!

    Can you please remove any of your customisations and let us know if that fixes your issue?

    Thanks a lot for your understanding.

    Cheers!
    Basilis

    June 13, 2016 at 10:11 pm #647673
    crg1

    The only customisations I had were as follows:

    #header_meta .phone-info
    {
    font-size: 15px !important;
    font-weight: normal !important;
    }

    @media only screen and (max-width: 1024px) {
    .​html_header_top.​html_bottom_nav_header​ .main_menu>div, .​html_header_top.​html_bottom_nav_header​ .main_menu ul:first-child {
    width: 102%;
    }}

    I have removed these and nothing changed; the ‘contact us’ on the navigation bar still appears to overlap.

    June 15, 2016 at 11:15 am #648536
    crg1

    Could somebody please help me resolve this problem??

    June 16, 2016 at 4:57 am #648977
    Ismael

    Hi,

    Thank you for using Enfold.

    I’m sorry but I can’t reproduce the issue on tablet view. Could you please provide a screenshot? You can force the mobile menu to show on tablet screens by setting Enfold > Header > Mobile Menu > Header Mobile Menu activation to the second option. Or decrease the font size and the padding of the menu items:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
#top #header .av-main-nav > li > a {
    font-size: 13px;
    padding: 0 8px;
}
}

    Best regards,
    Ismael

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