- This topic has 10 replies, 3 voices, and was last updated 4 years, 3 months ago by
.
It would seem that when sh-sticky-header-active is happening, when I scroll slightly down on a page, on my site the image in the background turns to a black bar instead of a certain percent transparent. Can you help with making this black bar match the transparency below the black bar when starting to scroll down on the page? See attached and here is the website – https://mitsubishimaterialhandling.com/wp-5-trends-in-material-handling/ it happens on all pages.
Thanks!
Hi @tomshaw68,
I hope you are well today and thank you for your question.
I tried visiting your shared page but it is getting redirected to http://www.mitsubishielectric.in/fa/factory-automation.php
Could you please make sure that the shared page is accessible so that I can troubleshoot it?
Best regards,
Shufflehound teamSorry, try again, you should be able to access the site now.
Thanks
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container header.primary-desktop { height: auto !important; }That worked, thank you!
Can you tell me how to fix this on mobile view as well?
Solution for this topic
To fix it on mobile, please use the below CSS code instead of above shared CSS code.
#page-container header.primary-desktop { height: auto !important; } #page-container header.primary-mobile { height: auto !important; min-height: 0 !important; } #page-container #header-mobile { background-color: rgba(0,0,0,0.65)!important; }Hi,
I have the same problem on my page. I added the custom CSS code as suggested in the post above, however, it did not really change my problem of a dark bar below the header.
When the page loads everything is as intended, but when I scroll down and then up – the dark bar above the background image is back.
What could be done in this case?
Best,
Simon
@lszehnder I need to troubleshoot it on your website to find out what is going wrong.
To help us keep support thread separates could you please create your own thread for your question instead of posting a reply on others thread as it makes the thread messy and hard to read.
If you want to you can also add a reference to this thread in your newly created thread.
We would be more than happy to help you with your new thread.
This worked, thanks!
You are most welcome here 🙂
