Background Hover Color In Ma Inmemu - Question | JoomShaper
Back to the questions

Background Hover Color In Ma Inmemu

SM

Shari McGee

Template 3 years ago

I moved the logo i another position to top1 the FLoox template however the logo was covering up the menu so I added this

sp-header, #sp-header .logo { height: 150px; }

.sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 150px; } to the custom css.

now the background color of the menu is too large.

0
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #876

Hi there! Please remove your above code and just increase the top value of the header.

Here is the sample code for you:

#sp-header{
    top: 107px;
}

You need to put this code in your custom css.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Hope this will solve the issue for you!

Best Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #875

Hi, I think I understand what is wrong, easy to fix using custom CSS.

.sp-megamenu-parent > li > a, #offcanvas-toggler 
{line-height: 40px;}

#sp-header {top: 99px; }

I hope you read Helix documenation on how to use CSS.

0
SM
Shari McGee
Accepted Answer
3 years ago #881

Rashida thank you! worked like a charm!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #882

You are always welcome:)

You may mark resolve the answer I guess!

Best Regards

0