How to add a thin black line under the header in Kalles 4.0.5.1 theme?

Store Design
, ,
1

Hi, i am currently running the kalles 4.0.5.1 theme and am looking to add a thin black line under my header to seperate the white header and white pages.

I have seen similar posts but the code seems to be different for my theme

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@drewbarzy ,

Share the URL.

4

EDIT: I haven’t published the theme yet. previous link to you to my old theme. Have shared the preview link below

1 Like
5

https://bzpr8m506xr2ezxp-51516047559.shopifypreview.com this is the share preview link (the old link to you to my current theme)

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.scss.css and paste this at the bottom of the file:
.main_nav_wrapper {
border-bottom: 2px solid black;
}

Screenshot :- https://prnt.sc/X5qo1XmLWlyb

7

Sorry that is my current theme, the kalles theme is not published yet as i am looking to add these changes. https://bzpr8m506xr2ezxp-51516047559.shopifypreview.com thats the preview link

8

@ZestardTech ,

.main_nav_wrapper {
border-bottom: 2px solid black;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

9 
.main_nav_wrapper {
border-bottom: 2px solid black;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

Sorry that is my current theme, the kalles theme is not published yet as i am looking to add these changes. https://bzpr8m506xr2ezxp-51516047559.shopifypreview.com thats the preview link

I do not have that code with this theme

10

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.min.css and paste this at the bottom of the file:
header#shopify-section-header-inline {
border-bottom: 2px solid black;
}

Screenshot :- https://prnt.sc/pv96wRDvceu7

11

Amazing thanks!

1 Like
12

Hi There,

Glad that the solution worked for you!

If you love the support, please add a review on our Google Business, would be really helpful?
Click here…

Thank You in advance!

Looking forward to your support.

1 Like