Tagged: CSS, header style, Phone-Info
Hi there!
I’m trying to edit the topmost of the header so that the phone number and social links are visible even on the home page with the snazzy transparency animation extravaganza. I’ve got it so that the bg is white, BUT, it doesn’t extend to the width of the browser window and that looks wonky. I’ve tried editing the width, but that ends up screwing up so many things!
Here’s a screenshot link: https://drive.google.com/open?id=1T7Fn9-fSiIqyNRbU39fKSb7qCJcEv9hY
If this can’t be fixed via CSS, I thought I could set up the transparent overlay to not cover that part of the header, but am not totally sure how to make that happen.
Thanks all!
Tracey
P.S. I <3 Enfold. After 20 years of website building, I was fried. But this theme is a joy! Thank you!
Hey traypup,
Thanks for the screenshot, please post a link to where we can inspect the actual element as well so that we can give you accurate CSS to use.
Best regards,
Rikard
Thanks for looking into this!
Hi traypup,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av_header_transparency #header_meta {
background-color: #fff;
}
If you need further assistance please let us know.
Best regards,
Victoria
You are a champ, Victoria! That totally worked for the home page.
It doesn’t stretch all the way across, though, on the other pages, but then I realized I could change that highlight/alternate color from #f8f8f8 to #ffffff in General Styling. All is well now! Thanks!
Hi,
Great, I’m glad that Victoria could help you out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I think we’re good! Thank you so much.