Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 10, 2013 at 6:56 am #27535
    bevlogenverf

    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!

    August 12, 2013 at 1:35 pm #134329
    bevlogenverf

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

    What to do?

    http://bevlogenverf.nl/

    August 13, 2013 at 7:37 am #134330
    Kriesi

    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 :)

    August 13, 2013 at 10:01 am #134331
    bevlogenverf

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

    August 15, 2013 at 1:12 am #134332
    Devin

    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

    September 5, 2013 at 9:42 pm #134333
    paulsutton

    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;

    September 5, 2013 at 10:15 pm #134334
    paulsutton

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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘top menu with the social icons bigger’ is closed to new replies.