How to center social Icons in Debut theme?

Solved
New Member
10 0 0

Hi, as you can see they are not centered at all for PC screen (mobile ones are perfectly centered). Any help? Thanx!
shop: aighard.com / pass: blaosk

Sin título-1.jpg

0 Likes

Success.

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

 

@media only screen and (min-width: 750px)
{
.site-footer__social-icons li:first-of-type {
    padding-left: 15px;
}
}

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
10 0 0

Great! Thanx.

One last thing. Is there a way to reduce collection titles just in mobile? I already have a code but it works for both mobile and computer screen.Screenshot_2019-11-30-17-35-17.png

0 Likes

Success.

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px)
{ .collection-grid-item__title { font-size: 8px !important; }
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes