Adjusting login icon in header of Dawn theme

[yapofire]

Have enabled customer logins and the new login icon that appears in the header is not in line with the search icon or basket icon

Does anyone know how I can add a bit of padding to the bottom of this to make all 3 line up?

Thanks

Site details:

https://7a5425-c8.myshopify.com/

stiald

[thirtycoders · Accepted solution]

Hello @yapofire,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file -> Save

account-icon{
       margin-top: -5px !important;
}

Thanks!

[yapofire]

Perfect

Thank you!

[PageFly-Henry]

Hi @yapofire 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

account-icon {

    display: flex !important;

}

also, Ensuring the video fits the screen without requiring scrolling or zooming enhances the viewing experience for users. They can easily grasp the entire video content without any disruptions. This creates a more engaging viewing experience and boosts interaction with the content. In Conversion Rate Optimization (CRO), it's vital to ensure that each section of the website or app fits the screen, enabling users to access information effortlessly without the need for scrolling or zooming. This not only increases user engagement opportunities but also enhances the overall experience, especially when watching videos.

Hope that my solution works for you.

Best regards,

Henry | PageFly