Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2015 at 10:29 am #426999
    yadiyada

    Hi Guys. Love the theme. Great stuff!!
    I wonder if you would be so kind and have a peek at a wee issue im having when the site is viewed on a tablet. Our menu items slip behind the logo. We are wondering if there is any way we can prevent this or is there a limit on the amount of menu items you should have? For example maybe adjusting the size that causes the hamburger menu to activate?
    This is the URL: jsb builders
    I would also be greatful if you could exlpain, but only if it doesnt take to much of your time that is, how we can look at the settings for the tablet and phone settings etc. Is it in the media files or a setting in the dashboard?
    Thanks again
    Gary

    • This topic was modified 9 years, 10 months ago by yadiyada.
    April 13, 2015 at 3:38 am #427249
    Ismael

    Hey yadiyada!

    Thank you for using Enfold.

    You can add this to the Quick CSS field to force the mobile menu to display when it reach a certain screen size:

    @media only screen and (max-width: 1100px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}

    CSS codes control the layout of the site and css media queries help with the responsive or mobile layout. You can find all of it inside the theme’s css folder.

    Regards,
    Ismael

    May 7, 2015 at 2:08 pm #440918
    yadiyada
    This reply has been marked as private.
    May 8, 2015 at 5:56 am #441377
    Rikard

    Hi!

    Please try the following instead:

    @media only screen and (max-width: 1120px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Best regards,
    Rikard

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