We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Menu color won't change and logo keeps resizing

Featured Lock Resolved Bug
The menu/header on our website is very odd. The color is not consistent on pages, home page is a transparent black and other pages have white after you scroll down the page. I would really like to have consistency. The other issue is that the logo shrinks to a very small size after you start scrolling down the page. It is very ODD. I have tried using .css to fix the issue but it hasn't helped.

2 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Please use the following css into your custom css and that'll solve the issue. You can tweak the values to change the width.

#sp-header.menu-fixed#sp-header {
background-color: rgba(0,0,0,0.9) !important;
#sp-header .sp-megamenu-parent >li >a {
color: #fff !important;
#sp-header .sp-megamenu-parent >li.active>a, #sp-header .sp-megamenu-parent >li:hover>a {
color: #b9765e !important;
#sp-header.menu-fixed #sp-logo .logo img {
width: 200px;

Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

There are replies in this post but you are not allowed to view the replies from this post.




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us