Help, With mobile format changes

Solved
diydesigners
Excursionist
45 0 14

Hello Shopify Community! I need some help one last time! I need to center the DIY designer logo on mobile format and I would like to make the menu and cart logos a bit smaller. You have helped me before and I'm counting on you now!

 

https://thediydesigners.myshopify.com/

Desktop Screenshot 2021.07.09 - 20.39.47.26.png

0 Likes
hardik355
Shopify Partner
107 7 15

Hi 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.cont .flex-rw > a > img {
width: 50% !important;
}

If helpful then please Like and Accept Solution.
Shopify theme and app developer.
Skype: live:hardikradadiya355
Thanks

0 Likes
diydesigners
Excursionist
45 0 14

Didn't work this made the logo smaller not the cart or the menu.

0 Likes
hardik355
Shopify Partner
107 7 15

Hii  

Sorry for late replay. Can you put down this css in your style.css.

.cont .flex-rw .flex-cl img {
width: 26px;
}

.cont .flex-rw a.two.col.logo img {
width: 50% !important;
}

.flex-rw a img {
width: 26px;
}

Thanks!

0 Likes
diydesigners
Excursionist
45 0 14

Still need help with this. I want to center the DIT designer's logo, mobile-only. And I want to make the Cart and menu icons smaller, mobile-only.

0 Likes
hardik355
Shopify Partner
107 7 15

This is an accepted solution.

HI  

 

.cont .flex-rw a.two.col.logo img {padding-left: 50%;width: 50% !important;}
.cont .flex-rw .flex-cl img {width: 19px;}
.flex-rw a img {width: 19px;}

 

please replace css Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

For Design, Development and custom changes Hire Me.
If helpful then please Like and Accept Solution.
Thanks!

0 Likes