How can I move my header icons to right

[Aleksander22]

hello,

I got a question becuse I need to move the icons in header to right and also search icon get closer to other icons becuse now it’s to far from others icons.

 

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

@media (max-width: 749px) {
    .header { padding: 10px 2rem 10px 2rem !important; }
    .header__icons { padding-right: 0px !important; }
    .header__icon--search { width: 2rem !important; }
}

 

[Dan-From-Ryviu]

Hi @Aleksander22 

Could you share your store link so I can check? 

[Aleksander22]

Here Glovyzone.com

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

@media (max-width: 749px) {
    .header { padding: 10px 2rem 10px 2rem !important; }
    .header__icons { padding-right: 0px !important; }
    .header__icon--search { width: 2rem !important; }
}

 

[Aleksander22]

@Dan-From-Ryviu Thanks it’s working and how can I get this icons closer not much a little bit 

[Dan-From-Ryviu · Accepted solution]

Please try to update code to this. 

@media (max-width: 749px) {
    .header { padding: 10px 1rem 10px 1rem !important; }
    .header__icons { padding-right: 0px !important; }
    .header__icon--search { width: 2rem !important; }
}