Align everything

[Suco]

 

Hi guys , can help Align everything please 😭

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

pass- Humblee3030

[zack_dev]

<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

[zack_dev]

<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 .

[PageFly-Noah]

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

[Suco]

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

 

[PageFly-Noah]

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

[Suco]

 

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

[PageFly-Noah]

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>

Thank you !

[zack_dev]

<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.

[Suco]

Hi , don’t work 😣