Header and Navigation Spacing issues

3 replies · opened Dec 7, 2020

TtentacledesignDec 7, 2020

Hi,
Maybe you help me with the best way to achieve what I need. I am hoping to have a set height of the header. (I would use the shrink animation if I could get it to work) I used the code on this page to help with a jumping section problem.
#header, #header-wrap, #logo img { height: 100px !important; }

I am combining the menu animation look from the ecommerce with the regular template. Not sure if that is throwing anything off.

I have also used the code from this page to help with height. I am changing the custom value to 90. Do I need to change that everywhere there is a 70?
http://docs.semicolonweb.com/docs/header/header-heights/

So it mostly works but can you tell me how to keep the bottom 1px line on the home page header section
https://www.tentacle.ca/autonomous/index.html
and also how to line up the drop down menu with the top of the page-title section on this page:
https://www.tentacle.ca/autonomous/brand-toolkit.html

Thanks for any tips.

SSemicolon WebSTAFFDec 9, 2020

Hello,

Glad the issue was resolved.

The 1px adjustment is due to the .header-wrap-clone Height Adjustment that occurs after the Page is completely loaded. This can be fixed by setting the exact height of the .header-wrap-clone DIV in CSS. You can check the exact height using your Browser's Inpect Element. In this case, the CSS will be:
[ch_pre]@media (min-width: 992px) {
.header-wrap-clone {
height: 100px;
}
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TtentacledesignDec 9, 2020

Works great! Thanks!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard