July 13, 2016 at 9:11 pm #90634
Hopefully this will be a quick one for you guys, however I’ve been scrubbing around trying to find the setting that I want for a few days now, and keep putting it off.
I have a floating transparent header that looks great over the first row on the page, however the menu bar that appears when I scroll down doesn’t look so hot on white backgrounds. I’ve tried changing the font colour to something different, but that then carries through to the floating header at the top of the page.
What would be great would be if I could add a 60% opacity black background to the menu bar that follows the page down, so white text stands out on it.
I’m sure this is possible, but do you know where I might find such a feature, or what the area I’m talking about is called?
Cheers!July 13, 2016 at 9:13 pm #90635
July 13, 2016 at 9:16 pm #90636This reply has been marked as private.July 14, 2016 at 4:43 pm #90671
- This reply was modified 1 year, 9 months ago by Jack Purdie. Reason: Think I forgot to set as private
Just to confirm, you want the header to still remain transparent and only apply the background with 60% opacity once the header moves on scroll?
If yes, I have implemented this. Can you please confirm this from your end?
Thanks!July 16, 2016 at 7:38 am #90714
Yes, I believe that is exactly what I’m looking to achieve. So that the menu bar that follows you down the page at the top of the window has a black background with an opacity of 60%.
I’ve had a quick look, and can’t seem to see it this end. I’ve cleared the cache, however it doesn’t seem to have changed!
Thanks in advance,
Jack.July 16, 2016 at 4:08 pm #90726
This is how it looks from our end when we scroll down your site: http://i64.tinypic.com/2ihuvsj.jpg
Can you send a screenshot on how it looks from your end? Also, have you tried using another browser or a private/incognito window so you can bypass cache?
Regards,July 17, 2016 at 6:27 am #90733
The screenshot you have attached is exactly the result I’m looking for, so thank you for that!
Please find attached a screenshot to how it looks my end. I have cleared the cache plug-in and viewed it from incognito, but it still does not display correctly.
Many thanks in advance!
JJuly 17, 2016 at 5:01 pm #90744
On the screenshot you sent, the WP Admin bar is not present which should be there since your site is on maintenance mode and you need to login to view it. This could mean that we are accessing different sites.
Can you ping the domain from your end? The IP Address should be the same as the one here: https://www.whatsmydns.net/#A/jackedfx.com
Regards,July 17, 2016 at 7:14 pm #90748
Yeah, I’ve disabled the WP Admin bar in WP preferences, as I thought it would help with this issue.
I can confirm that the IP address matches up this end.
Bit of a strange one this!July 18, 2016 at 3:43 pm #90757
We tested from our end and it looks like the issues is caused by a bad cache because when we tested, the customization does not work on Chrome (not logged in to the Dashboard) while it works on Firefox (logged in) and on Chrome when also logged in.
Cache is bypassed if your are logged in to the WP Dashboard. To make sure, can you please clear your cache directly from the server?
The folders where the cache are saved were specified here:
Regards,July 19, 2016 at 7:51 pm #90779
Ive got this sorted now, turns out it was something simple.
Thanks so much for your help Edcel.
JJuly 20, 2016 at 11:26 pm #90796
Glad to know that, Jack.
Please don’t hesitate to contact us if you have other issues.
You must be logged in to reply to this topic.