Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 27, 2014 at 12:49 pm #309780
    codecreative

    Hi Enfold

    I’ve noticed on tablets such as ipad air that the quick mobile menu doesn’t show. Instead it shows the full normal navigation menu and in a lot of cases there isn’t enough room to do this on an ipad. So they overlap with the logo

    I think that the quick button that appears on a mobile device should also be the standard for tablets. How can I bets modify the css to allow this?

    August 27, 2014 at 12:51 pm #309781
    Yigit

    Hey codecreative!

    Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Best regards,
    Yigit

    August 27, 2014 at 1:28 pm #309796
    codecreative

    Great thank you again for your help Yigit

    I don’t know how others feel but personally I think it would be good if the default selection could be 990x.

    Is there a way via my child theme I can change the default?

    August 27, 2014 at 1:37 pm #309799
    codecreative

    This menu actually fails to activate on an ipad Air in landscape mode :S

    August 27, 2014 at 1:47 pm #309804
    codecreative

    This image illustrates the issue
    http://www.metaltoad.com/sites/default/files/Responsive-Widths_0.png

    We would benefit from having additional options for 1024 pixels and maybe 1280

    August 27, 2014 at 2:08 pm #309809
    Yigit

    Hey!

    Can you post the link to your website please?

    Best regards,
    Yigit

    August 27, 2014 at 2:10 pm #309810
    codecreative

    http://www.jasminesboutique.co.uk

    You can see with an ipad air on landscape the home over laps the logo a little. Is there a css tweak to adjust it from 990 to 1024?

    If on a normal browser you start scalling down the screen you can see the slight over lap

    August 27, 2014 at 2:14 pm #309814
    Yigit

    Hey!

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

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

    Cheers!
    Yigit

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