Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 19, 2015 at 10:34 pm #475476
    jnightingale

    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

    July 20, 2015 at 2:46 pm #475833
    Yigit

    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

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