How to move header icons more to outside?

Hey guys,

so I want to move my menu and cart icon further out on mobile, menu icon more to the left and cart icon more to the right,

does anyone know how to do that?

I use the refresh theme

1 Like

Hi there,

This is Amelia from PageFly - Landing Page Builder App

We can update this by adding some custom CSS for your menu and cart icon.
If you could share the URL of your page, I’d be happy to take a look and assist you with the changes.

I look forward to your response!

Best regards,
Amelia | PageFly

URL: pacefultakeover.com

password: pfto

but i only want to change it on mobile

I have inserted this code


@media only screen and (max-width: 990px) {
.header {
padding-left: 2rem !important;
padding-right: 1rem !important;
}
}“

but every time I go to the website, it takes a few seconds until the icons are pushed outwards

Hi there,
I checked and saw that your page has some custom CSS that set for the same class that you use above.
This will make the icon jump when starting load and finish load.
You should search that and remove them, only keep the custom CSS that you set above.
Please see this image

I hope this can help you!

Best regards,
Amelia | PageFly