-
AuthorPosts
-
September 16, 2013 at 10:24 am #161612
Hi, here is my website: http://www.dokuyd.com
I just want to reduce the size of header. Is there a way to make it shorter?
Also I want to reduce the space between header and the content in pages. In every page there is a gap and I am looking forward to find a way to reduce it :)
Thank you very much.
September 16, 2013 at 11:24 am #161640Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
.content { padding-top: 10px; }
#header_main .container { height: 88px!important; line-height: 88px!important; }
#top .title_container .container { padding: 0; min-height: 36px; }Regards,
YigitSeptember 16, 2013 at 12:55 pm #161672Hi, thank you for your reply but looks like the code only reduced the size of the logo, not the header. Other than that, content spacing issue is solved, many thanks.
September 16, 2013 at 5:45 pm #161771Hi,
Please add following code to Quick CSS as well
.fixed_header #main { padding-top: 56px; }
#top .main_menu .menu li:first-child>a { line-height: 85px!important; }Regards,
YigitSeptember 16, 2013 at 5:47 pm #161774Now something weird just happened, can you please check it out again? Thanks.
September 16, 2013 at 6:22 pm #161799Hi,
My bad, it should be
#top .main_menu .menu li>a { line-height: 85px!important; }
Sorry :)Regards,
YigitSeptember 16, 2013 at 6:29 pm #161809Nothing happened I guess.
This is my custom css file now:
.content { padding-top: 15px; }
#header_main .container { height: 88px!important; line-height: 88px!important; }
#top .title_container .container { padding: 0; min-height: 36px; }.fixed_header #main { padding-top: 56px; }
#top .main_menu .menu li>a { line-height: 85px!important; }Homepage link stays and acts different from the others when I try to scroll the page down. Also dropdown menu doesn’t open at the correct position.
Thanks again.
September 16, 2013 at 6:30 pm #161810 -
AuthorPosts
- The topic ‘Header size and spacing issues, easy to solve’ is closed to new replies.
