-
AuthorPosts
-
March 13, 2019 at 6:55 pm #1078335
Hi guys,
I have a sticky header. I was wondering if it was possible to change the css styling after it has shrunk. Specifically, i’d like to remove the blue border that i’ve manually applied with CSS once you start scrolling down the page.
Thank you in advance :)
March 14, 2019 at 1:05 am #1078477Hey bobfurgo,
Add this to quick css:
#header .main_menu{ border:none!important; } #header.av_header_transparency .main_menu{ border-bottom: 3px solid #83b2ce !important; border-left: 3px solid #83b2ce !important; }
Best regards,
Jordan ShannonMarch 14, 2019 at 1:29 am #1078489Thanks Jordan!! That worked perfectly.
One more question that is related. The left hand side of the header is slightly transparent when I start to scroll down. Is there any way to make it completely solid white and not transparent? I tried locating the CSS class for this with no luck.
Thanks in advance!
March 14, 2019 at 10:16 pm #1078874Hi,
Unfortunately that transition between transparent and white can’t be detected like that via css. It would need to be completely white at all time.
Best regards,
Jordan ShannonMarch 14, 2019 at 10:29 pm #1078886Hi Jordan!
I feel like there might be a misunderstanding as I sense it should be a relatively quick fix. The theme options allow you three options for the header and i have it set to the following because it’s the only one that lets you have the active menu indicator:
default (with borders, active menu indicator, slightly transparent)
Because of this setting, it’s causing the header to be slightly transparent once you scroll down the page. Is there a way to adjust this to have it not be slightly transparent, and just a solid white, while keeping the active menu indicator?
Thanks so much you guys are awesome!
March 18, 2019 at 7:10 pm #1080014Hi bobfurgo,
Best regards,
VictoriaMarch 18, 2019 at 7:17 pm #1080020Hi Victoria,
Thanks for your response. I’m actually trying to do the opposite of what you are saying here. I want the entire header to be a solid white when scrolling down instead of slightly transparent.
March 21, 2019 at 5:52 pm #1081495Just following up on this. Thanks :)
March 21, 2019 at 6:29 pm #1081510Hi,
Please use the following:
#header {
background: #fff !important;
}And let us know if this works out for you also.
Best regards,
BasilisMarch 21, 2019 at 6:34 pm #1081516Hi basilis,
Thanks for your reply! What you provided will make the header background white at all times. What I need is something that makes the header background white with no transparency on scroll when the header is sticky.
March 24, 2019 at 6:50 pm #1082322Hi,
you can add before it .is-sticky should work
Best regards,
BasilisMarch 25, 2019 at 12:42 am #1082424Hi Basilis,
Thanks for your reply. That didn’t work unfortunately.
March 27, 2019 at 6:24 pm #1083741Hi,
Can you show us the code used please?
Best regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.