Hover line on sticky header the same size

IsaacSelwyn · September 2018

In theme options > menu and action bar > menu > layout > style I have set the style to "line below link (80% width, 1px height) for the menu hover line. However in the sticky header the hover line is only set as "line below link". How do I change it so the hover line for the sticky header is also 80% width and 1px height. My website is ecogeneration.co.uk. Thank you

Pablo · September 2018

Hi,

It can be customized only with Custom CSS code.

Paste it into Theme Options > Custom CSS & JS > CSS

#Top_bar.is-sticky .menu > li > a::after{
	bottom:0 !important;
	height:1px;
	width:80% !important;
        margin-left:10%;
}

Thanks

IsaacSelwyn · September 2018

Thank you, would I be able to make this line the same thickness as the non-sticky one (it is set to 80% width and 1px height)?

Pablo · September 2018

Of course.

I updated the code above.

Thanks.

Hover line on sticky header the same size

Comments