Hi guys,
Amazing theme! I’ve increased the height of my logo element in the CSS so it can appear larger but it now overlaps with the content below. I’ve put in a whitespace divider but it’s not ideal because now the gap is too big. See here: http://www.symbioticmarketing.co.uk/homepage/dev
Hi tocal,
I don’t see the issue looking at the site live now but you can use this css to increase the height of the header:
#header_main .container, .main_menu ul:first-child > li a {
height: 150px;
line-height: 150px;
}
Regards,
Devin
Thanks Devin.
If you have a look at this hidden page, you can see the problem. http://symbioticmarketing.co.uk/homepage/home-v2-3-col-images-contact/
It’s the CSS change that has caused it. I don’t know if it’s something I changed extra that I shouldn’t have but I’m fairly sure my code is the same as the one you’ve supplied.
Thanks
Hi,
Try this one on your custom.css
.page #layerslider_1 {
padding-top: 75px;
}
Regards,
Ismael
Thanks Ismael – that does the trick for pages with sliders, however things like the breadcrumb trail aren’t corrected by it (see here: http://symbioticmarketing.co.uk/blog-2/) above the twitter icon you can see the link trail behind the logo container.
Hi!
Insert following code into the quick css field
.fixed_header #main {
padding-top: 151px;
}
Best regards,
Peter
Perfect, thanks Peter