Slim Border on Mobile

Highlighted
New Member
4 0 1

Hello guys i was checking the side for codes but no code worked out for me

i have this on my mobile version i want to make the border thinner what is the code exactly?

I remember doing it on my desktop version some months ago but does not work for mobile

 question.PNG

0 Likes
Highlighted
Shopify Partner
3129 681 833

@iLoky 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
148 19 21

Hi @iLoky,

Please share your store url.

I will give you proper solution. 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
1 Like
Highlighted
New Member
4 0 1

https://xiice.shop/

and pass: fuinte

1 Like
Highlighted
Shopify Partner
3129 681 833

@iLoky 

Do you want a border like this? for mobile. Please confirm.

thinner-border.jpg

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
4 0 1

no i want it similar to the web version 

0 Likes
Highlighted
Shopify Partner
148 19 21

Hi @iLoky,

Can you pls crop your logo or I have cropped, you can use it.

When you uppload this logo, After that, I will give you some css for desktop.

Pls upload this cropped logo first.Cropped logoCropped logo

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted
New Member
4 0 1

is better for phone but is wrong for website now

 

0 Likes
Highlighted
Shopify Partner
148 19 21

Hi @iLoky ,

Add the below code in the end of theme.scss.liquid file.

Go to Online Store -> Themes -> Actions -> Edit Code -> Assets -> theme.scss.liquid

 

@media only screen and (min-width: 890px){
.site-header__logo-image img {
    position: relative;
    top: -27px;
If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted
Shopify Partner
148 19 21

Hi @iLoky,

Is it working for you? 

If no, please find .site-header__logo-image img in your theme.liquid

then change code

top: -108px

replace with

top: -27px

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes