Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #475476

    Hi,
    When I test the site on an iPad, the main navigation gets hidden in the logo area. It seems that in between the regular desk top size and the mobile size, there isn’t any proper re-sizing. Can you please advise as to how I might fix this?
    Thanks!
    Justine

    http://dev.arvidsons.com

    #475833

    Hey Justine!

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

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

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field
    And then, Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Cheers!
    Yigit

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