Align everything

Suco
Excursionist
103 0 13

IMG_2476.jpeg

Hi guys , can help Align everything please 😭

url - https://492dea-24.myshopify.com/pages/landing-page-apr-25-23-07-50

pass- Humblee3030

Replies 9 (9)

zack_dev
Shopify Partner
75 14 10
<style>
@media(max-width:768px){
a.header__icon.header__icon--account.link.focus-inset.small-hide span {
    display: none;
}
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    margin-top: 14px;
    padding: 0;
    width: 20px;
}
}

try with this



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

zack_dev
Shopify Partner
75 14 10
<style>
@media(max-width:768px){

a.header__icon.header__icon--account.link.focus-inset.small-hide span {
    display: none;
}
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    margin-top: 14px;
    padding: 0;
    width: 20px;
}
}
</style>

place this at bottom of theme.liquid see if it fixes alignment .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

PageFly-Noah
Shopify Partner
1119 201 222

This is Noah from PageFly - Shopify Page Builder App

 

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.header__icon--account{
    display: flex !important;
    justify-content: center !important;
    height: 44px !important;
    align-items: center !important;
    margin-top: -2px !important;
}

</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Suco
Excursionist
103 0 13

Hi thanks for you time but didn’t work for me 😭😭

IMG_2479.jpeg

PageFly-Noah
Shopify Partner
1119 201 222

No, please add code in above tag </body> like here:

PageFlyNoah_0-1715011611523.png

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Suco
Excursionist
103 0 13

IMG_2480.jpeg

Hi , I did everything you said but don’t work 😔

PageFly-Noah
Shopify Partner
1119 201 222

Hi @Suco  please past code here to position here:

<style>
  @media screen and (max-width: 768px){
.header__icon--account{
    display: flex !important;
    justify-content: center !important;
    height: 44px !important;
    align-items: center !important;
    margin-top: -2px !important;
}
}
.header__icon--account{
    display: flex !important;
    justify-content: center !important;
    height: 44px !important;
    align-items: center !important;
    margin-top: -2px !important;
}

</style>

PageFlyNoah_0-1715041923255.png

Thank you !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

zack_dev
Shopify Partner
75 14 10
<style>
@media(max-width:768px){
a.header__icon.header__icon--account.link.focus-inset.small-hide span {
    display: none;
}
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    margin-top: 14px;
    padding: 0;
    width: 20px;
}

}
</style>

place this code at bottom of theme.liquid see it fixes alignment.



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

Suco
Excursionist
103 0 13

Hi , don’t work 😣

IMG_2481.jpeg