This topic has 13 replies, 4 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler
https://xstore.8theme.com/demos/2/niche-market02 is it possible to get this effect on the main header bottom boarder as shown in this screenshot below https://ibb.co/7t6zwHt
Hello
Thank you so much for contacting us!
Add box shadow for your specification section or send us wordpress logins detail so that we will check your issue in more details.
John Holden
if i can create this shadow effect for main header for mobile and desktop i will be glad
Hello,
Below code was added to child theme style.css
.header-bottom-wrapper {
box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);
}
Regards
im not seeing the changes
Hello
Please explain your question a bit clear , currently your header is look different as your mentioned in your message so tell us under which section your need box shadow.
Regards
Okay you can leave it like that but most importantly i need it when you scroll the main header sticky https://ibb.co/1dHwTk4 for dekstop and mobile
You need to add the next code also:
.sticky-on .header-main {
box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);
}
Regards
I did that, i am not seeing the change
Where did you add the code? As was mentioned by Olga, the code should be added in style.css file of your child theme.
Regards
i added it to Additional css under the customize menu
is this correct?
You have red code there, which means it doesn’t work because unclosed }
https://gyazo.com/3d1186896d43438348adf3662a65b4ef
Fixed. Check now https://gyazo.com/3b93b56132aca981c581a2b546bfa6ff > https://gyazo.com/519ac9a65a3da654f7d07acae8bcfae5
Regards
The issue related to '‘Bottom Boarder Effect’' has been successfully resolved, and the topic is now closed for further responses