FROM CACHE - en_header

Hello I want to change the add to cart button and login position change to top of the header

Solved
osamamalik
Shopify Partner
18 0 0

Hello I want to change the add to cart button and login position change to top of the header please anyone who can help me out on this Thank you in advance

https://myplatematerials.myshopify.com/

This is the URL

Accepted Solution (1)

Accepted Solutions
AvadaCommerce
Shopify Partner
3878 834 735

This is an accepted solution.

Hi @osamamalik ,

 

You can try replace previous code by below code:

 

@media (min-width: 1100px) {
    .site-header {
        padding-bottom: 100px !important;
    }
    .site-header .site-header__icons--plus {
        margin-right: 0 !important;
        position: absolute;
        right: 0;
        top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header__icons--plus .site-cart img {
        margin: 0 !important;
    }
    .site-header .user-menu {
        margin-right: 0 !important;
        margin-left: 20px !important;
        position: relative;
        top: -5px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 10 (10)
osamamalik
Shopify Partner
18 0 0
AvadaCommerce
Shopify Partner
3878 834 735

Hi @osamamalik ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

@media (min-width: 1100px) {
    .site-header .site-header__icons--plus {
        margin-right: 0 !important;
        position: absolute;
        right: 0;
        top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header__icons--plus .site-cart img {
        margin: 0 !important;
    }
    .site-header .user-menu {
        margin-right: 0 !important;
        margin-left: 20px !important;
        position: relative;
        top: -5px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

osamamalik
Shopify Partner
18 0 0
osamamalik
Shopify Partner
18 0 0
osamamalik
Shopify Partner
18 0 0

Can you please help me out on this I will appreciated your help

AvadaCommerce
Shopify Partner
3878 834 735

This is an accepted solution.

Hi @osamamalik ,

 

You can try replace previous code by below code:

 

@media (min-width: 1100px) {
    .site-header {
        padding-bottom: 100px !important;
    }
    .site-header .site-header__icons--plus {
        margin-right: 0 !important;
        position: absolute;
        right: 0;
        top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header__icons--plus .site-cart img {
        margin: 0 !important;
    }
    .site-header .user-menu {
        margin-right: 0 !important;
        margin-left: 20px !important;
        position: relative;
        top: -5px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

osamamalik
Shopify Partner
18 0 0

It works thank you so much for your help

osamamalik
Shopify Partner
18 0 0

I have one more thing to know how we can show meta fields selections on to cart page much appreciate if you help me out with this ?

AvadaCommerce
Shopify Partner
3878 834 735

HI @osamamalik 

 

You try refer this link

Hope it can help you. ^^

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

osamamalik
Shopify Partner
18 0 0