Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 7, 2014 at 4:22 pm #248259
    boeellis

    Dear Friends,

    Thanks in advance for your help. I have read a bunch of posts and tried various fixes, and still my logo and header nav are overlapping when viewed on an iPad in both landscape and worse yet in portrait view.

    I was hoping you could look at the homepage (http://workspend.cericdigital.com) and maybe help me with a fix that will work… Currently I have the following code in my custom css…

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_menu_tablet .main_menu {
    display: block;
    }
    }

    Thank you.

    Sincerely,

    Boe

    April 7, 2014 at 4:37 pm #248269
    Yigit

    Hi boeellis!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 1140px) {
.av-main-nav > li > a {
padding: 0 7px; }}

    Then go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px

    Cheers!
    Yigit

    April 7, 2014 at 9:38 pm #248481
    boeellis

    Great. Thank you! I appreciate it. – Eph 5:20

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Re-visit iPad header nav and logo overlap’ is closed to new replies.