Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #27535

    Hi, guys

    the theme is so nice

    with what code could i get the top menu bigger? the one with the phone numder, extra menu and social icons there? any css code for it? htttp://www.bevlogenverf.nl/enfold2

    THX!

    #134329

    Almost everything is fixed now. except that when i scroll down the logo in the header get squashed.

    What to do?

    http://bevlogenverf.nl/

    #134330

    Hey!

    the modification you did (stting the width to 200px on the logo) is causing this issue. please remove it and it will work fine. if you want the logo to be smaller I would highly recommend to upload the smaller size and use it, otherwise the resizing might not work properly :)

    #134331

    Hi It no longer gets squashed now. THX. But when in tablet the logo is over the menu’s. What to do about that?

    #134332

    Hi bevlogenverf,

    You can change the width at which the menu switches to the responsive menu by changing the number in this code in your js>avia.js file:

    //
    // responsive menu function
    //
    
    function avia_responsive_menu()
    {
    var win = $(window), header = $('.responsive #header');
    
    if(!header.length) return;
    
    var menu 			  = header.find('.main_menu ul:eq(0)'),
    first_level_items = menu.find('>li').length,
    bottom_menu 	  = $('html').is('.bottom_nav_header'),
    switchWidth 	  = 767;

    Then add this to your Quick CSS to change the menu to hide at the new larger width:

    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul {
    display: none;
    }
    }

    And then this to now show the button if you are using that menu style:

    
    @media only screen and (max-width: 767px){
    .mobile_active #advanced_menu_toggle {
    display: block;
    }
    }

    Regards,

    Devin

    #134333

    I went to change the above code to get “tablet portrait” to utilize the “responsive” menu, but that value is already in place, yet it does not kick in?

    //


    // responsive menu function

    //


    function avia_responsive_menu()

    {

    var win = $(window), header = $('.responsive #header');

    if(!header.length) return;

    var menu = header.find('.main_menu ul:eq(0)'),

    first_level_items = menu.find('>li').length,

    bottom_menu = $('html').is('.bottom_nav_header'),

    switchWidth = 767;

    #134334

    ok, to clarify. The value needs to be increased from the above mentioned “767”. In this case, I used 780. Thanks.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘top menu with the social icons bigger’ is closed to new replies.