Background hover color in ma inmemu - Forum | JoomShaper
Solved Templates

Background hover color in ma inmemu

Asked by Shari McGee 5 years ago Last activity 5 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.

Accepted answer

Marked as the solution
Rashida Rahman Staff

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

3 more replies

Paul Frankowski Senior Staff

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.

Shari McGee Asked this

Rashida thank you! worked like a charm!

Rashida Rahman Staff

You are always welcome:)

You may mark resolve the answer I guess!

Best Regards

Log in to reply.