Remove part of shadow and thicker line in header mobile version

Store Design
, , , ,
1

Hi, i want to remove a part of the shadow and make the line a little bit thicker as described in this picture:

image_123650291.JPG
image_123650291.JPG1033×526 38.3 KB

Maybe you can help me with this.

url: https://ba571d-cc.myshopify.com/

dawn theme 15.0.0

Thank you.

1 Like
2

Hi @store095 , Did you add this code from someone to your theme.liquid file

BSSCommerceB2B_0-1723992023309.png
BSSCommerceB2B_0-1723992023309.png520×866 56.2 KB

Please change it like this

@media screen and (max-width: 750px) {
    .header.header--top-left.header--mobile-left.page-width.header--has-menu.header--has-social.header--has-account {
       box-shadow: none !important;
    }
}
1 Like
3

Hi @store095 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
4

Thanks for your help but the code will remove the whole shadow.

Best regards

1 Like
5

Hi @store095 , Pls try again with this code:

Here is result:

BSSCommerceHDL_0-1723993054683.png
BSSCommerceHDL_0-1723993054683.png1897×122 9.55 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
6

Thank you its working.

Is it possible to do it only on mobile version? I only want this at the mobile version not desktop.

Best regards

1 Like
7

Hi @store095 ,
Looks like you are missing a piece of code above mine:
@media only screen and (max-width: 750px) {}

1 Like
8

Now its working. Thank you! :slightly_smiling_face:

1 Like
9

@store095 , Glad to help you :heart_eyes: