I am trying to omit the top border line surrounding the drop down menu in the header. I've attached a screen shot to better help explain exactly what i want taken out. Optionally, I can navigate to "colors for header" and change the "main bar border color" to white, BUT both the top and bottom border lines disappear. I only want the top border line omitted.
Here is an example of a website of how i want the main bar border to look like in the header... https://frommybowl.com/
Hello,
I am trying to omit the top border line surrounding the drop down menu in the header. I've attached a screen shot to better help explain exactly what i want taken out. Optionally, I can navigate to "colors for header" and change the "main bar border color" to white, BUT both the top and bottom border lines disappear. I only want the top border line omitted.
Here is an example of a website of how i want the main bar border to look like in the header... https://frommybowl.com/
Thanks!
-Adam
Hi,
You can add more this code to Customize > Custom CSS to do that:
#navigation{ border-top-color: transparent !important; }Best Regards,
PenciDesign
Great thanks! Also, am i able to change the thickness of the border?
Hi,
Do you mean about border bottom?
If right, you can add more this code to Customize > Custom CSS to change it:
#navigation{ border-bottom-width: 5px !important; }Change value 5 to value as you want.
Best Regards,
PenciDesign
Hello,
I would like to make the 'header slogan text' more narrow so the letters aren't so spaced out. How can i do this?
I've attached a photo to show you the exact location i'm trying to do this under logo and header options.
Thanks,
-Adam
Hi,
Please try use letter spacing on header slogan, add more this code to Customize > Custom CSS:
.header-slogan .header-slogan-text{ letter-spacing: 2px; }Change value 2 on the above code to value as you want.
Best Regards,
PenciDesign