How to move search, cart, currency icon header

Solved
Highlighted
Explorer
64 0 19

Hello,

Anyone can help how to move cart search currency icons from header to navigation

On desktop view.

Much appreciated

https://babyway.com.au/

Screenshot (213).png

 

0 Likes
Highlighted
Excursionist
13 1 0

Hello Alex, 

go to your theme.liquid file and look for this piece of code: 

  .site-header__menu,
  .site-header__search-toggle,
  .site-header__cart,
  .site-header__account {
    display: inline-block;
    vertical-align: middle;
    padding: 18px 8px;
    margin: 0;

By changing the padding values (TOP RIGHT BOTTOM LEFT) you can move your icons around and position them wherever you want.  

0 Likes
Highlighted
Explorer
119 19 28

This is an accepted solution.

follow this path:
Themes => edit code => asset => style.scss.liquid
and add this code to bottom of the file style.scss.liquid

 

@media only screen and (min-width: 768px){
.utils{
    width: auto;
    position: absolute;
    bottom: -45px;
    right: 0;
}
}

 

.scss.liquid


My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
1 Like
Highlighted
Explorer
64 0 19

Hello Michael,

Ok thank you i ll try

 

 

0 Likes
Highlighted
Explorer
64 0 19

Perfect! thank yo uso much!!

Appreciate

0 Likes