Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2014 at 11:37 am #292000
    richardwilding

    Hi, how can I adjust the media queries so that the mobile menu kicks in sooner when resizing the browser window smaller?

    At the moment when I make the window smaller the menu items overlap the logo, and the 1/3 text column becomes very narrow. Can I make the mobile menu appear and make the 1/3 text column move under the 2/3 image column sooner?

    Thanks, Richard

    July 16, 2014 at 11:45 am #292001
    Yigit

    Hi Richard!

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

    @media only screen and (max-width: 990px) {
div .av_one_third {
margin-left: 0%;
width: 50%;
}}

    Then please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
    You can edit Grid.css file inside Enfold/css folder for more detailed customisation

    Best regards,
    Yigit

    July 17, 2014 at 11:42 am #292400
    richardwilding

    Great, thanks

    July 17, 2014 at 12:42 pm #292421
    Yigit

    Hi!

    You are welcome Richard, always glad to help!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsive layout’ is closed to new replies.