Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 10, 2013 at 2:38 am #24567
    learningherbs

    Hey there,

    I’m using the small fixed header in an Enfold child theme. Is there any way to resize it (header, logo, menu items) to be larger than 88px by default (before scrolling down the page)? That height is applied by javascript to a number of different elements in the template, and I don’t know where to look to change it in a way that won’t screw up the parent theme or the JS.

    Any help is much appreciated

    June 10, 2013 at 9:55 pm #123876
    Ismael

    Hi,

    Open css > layout.css then find this code on line 56

    /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
    
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }

    Adjust the height and line-height.

    /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
    
#header_main .container, .main_menu ul:first-child > li a{ height:140px; line-height: 140px; }

    Regards,

    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Making the header larger’ is closed to new replies.