help with reducing padding between logo and top bar?

[tealadies]

Does anyone have a suggestion for reducing the padding between my logo and the top bar.  It's a little too much white space there.  The issue is only on desktop.

 

[PageFly-Henry · Accepted solution]

Hi @tealadies 

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

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

.top-bar {

    position: absolute !important;

    width: 100% !important;

}

Also I think you should make the images in this section equal in size to make the user experience better

Hope that my solution works for you.

Best regards,

Henry | PageFly

[PageFly-Henry · Accepted solution]

Hi @tealadies 

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

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

.top-bar {

    position: absolute !important;

    width: 100% !important;

}

Also I think you should make the images in this section equal in size to make the user experience better

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Arif_Shopidevs · Accepted solution]

Hi @tealadies 
If you apply the above CSS in your theme, the logo will look like below. If you need to reduce more space, in that need to reduce padding or margin about the logo.

Thank you 

[tealadies]

Thank you so much! That totally worked.  Yes I need to change that image size - I'm glad you pointed that out.