Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #414352

    hi this is a common issue with larger logos. Can we do anything to ensure there is no overlapping off text and logo? So can I initiate a smart phone button menu to prevent this happening ?

    https://www.dropbox.com/s/7k8pmgtqah8xthp/Screenshot%202015-03-19%2011.22.15.png?dl=0

    #414376

    Hey codecreative!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
    Then add following code to Quick CSS

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

    Cheers!
    Yigit

    #417365

    Hi Yigit

    I just implemented this in the quick css and its failing to work

    #417808

    Hey!

    Add this to the Quick CSS field to show the mobile menu earlier:

    @media only screen and (max-width: 1200px) {
    .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;
    }}
    

    Cheers!
    Ismael

    #422061

    Hi

    Could have a quick look at http://217.199.187.190/bansteaddentalcare.com/

    As you scale down your browser to the point that the smart toggle appears the menu text appears in the far right hand side see screenshot at

    https://www.dropbox.com/s/6cas5cqw9y3ox44/Screenshot%202015-04-01%2016.57.34.png?dl=0

    If you look carefully at the right you can see it

    #422431

    Hi!

    Did you add any other css modifications other the code above? Please use the same exact code above.

    Cheers!
    Ismael

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