Skip to content
Public Ticket #9697

Menu main bar border lines in header

Conversation thread

PenciDesign replied

Staff Reply

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

asnipit replied

Customer Reply

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 

PenciDesign replied

Staff Reply

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

asnipit replied

Customer Reply

Great thanks! Also, am i able to change the thickness of the border? 

PenciDesign replied

Staff Reply

Hi,

You can add more this code to Customize > Custom CSS to do that:

#navigation{ border-top-color: transparent !important; }

Best Regards,

PenciDesign

asnipit started the conversation

Conversation Start

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 

Want to join this conversation or access attachments? Sign in first.