Archived topic
Social icons colors & navigation border
3 replies · Started by Or on May 30, 2021
Hi,
I have 2 issues I can't seem to solve:
1. I've added a border to my navigation using
.main-navigation {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
but on mobile, there's no space between the border and my header logo.
2. I've created a block element of social icons and hooked it to after_slideout_navigation (only shows on mobile on purpose). Even though I've set the icon color to white (the background is purple), it is dark grey.
Thanks!
Hi there,
For question 1, go to Customizing > Layout > Header, add some bottom padding to the header when the mobile icon is clicked:
https://www.screencast.com/t/r1L0GB6oZ
for question 2, seems the block is using current color as svg color, since it's not from GP, I can't tell how it works, but you can try this CSS to override it:
#generate-slideout-menu .wp-social-link svg {
color: #ffffff;
}Both work great now. Thank you :)
Glad to hear that and you are welcome :)
