Add A Line Underneath The Predefined Header
M
Meta
Hi,
I am using Nexio with the Predefined Header and I would like to add a thin, subtle line underneath the header.
I have tried using Custom CSS with #sp-header, including border-bottom and box-shadow, but nothing seems to change.
Could you please tell me the correct way to add this line to the header?
Thank you!
4 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi Meta,
This always works
#sp-header.full-header, #sp-header {
border-bottom: 1px solid #ccc; }OR / AND
#sp-header.full-header, #sp-header {
box-shadow: 0 2px 4px rgba(7,37,68,.06);}but maybe you added your CSS in wrong place? Have you read Helix documenation on how to use Custom CSS in Helix-based templates? https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#documentation-heading-3
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out to us.
Could you please share your site URL with us so I can take a closer look? This will help me better understand the issue and determine the most suitable solution for your site.
Best regards,
M
Meta
Accepted AnswerHi!
Sure, the URL is in the hiddent content section.
I would like to add a thin, subtle line underneath the header. I tried doing it with Custom CSS, but it had no effect.
This is how it looks:
I want to make it look like this:
If this is not possible in a easy way, is there an option to change the color of the header?
Thank you!