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.
Hi,
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,
Yigit
Hi, 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.
Hi,
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,
Yigit
Now something weird just happened, can you please check it out again? Thanks.
Hi,
My bad, it should be
#top .main_menu .menu li>a { line-height: 85px!important; }
Sorry :)
Regards,
Yigit
Nothing 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.