Solved

Adjusting login icon in header of Dawn theme

yapofire
Tourist
12 0 6

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

 

2024-05-11 (5).png

 

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

Accepted Solution (1)

thirtycoders
Shopify Partner
108 19 24

This is an 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;
}

 

 

thirtycoders_0-1715502883111.png

 


Thanks!

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com

View solution in original post

Replies 3 (3)

thirtycoders
Shopify Partner
108 19 24

This is an 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;
}

 

 

thirtycoders_0-1715502883111.png

 


Thanks!

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
yapofire
Tourist
12 0 6

Perfect

 

Thank you!

PageFly-Henry
Astronaut
1069 306 260

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.

 

PageFlyHenry_0-1715504120689.png

 

Hope that my solution works for you.

Best regards,

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