Reduce Padding on header above product/collections page Impulse theme mobile

Store Design
,
1

Impulse them doesnt provide any options for this. None of the solutions i have found have worked on my website. I dislike how much extra space the header takes up on the Impulse theme. Would like it to be as minimal as possible so. I have it overlayed on the homepage so it isnt a issue there. But for the rest of the site its takes up too much space above. I would like to minimize the padding above and below the header. Is this possible on Mobile? https://mari-ju-wana.com/

Capture.PNG
Capture.PNG350×797 59.6 KB

2

Hi @MariJuWana

This is Victor 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 theme.css.

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

@media screen and (max-width: 767px){

.site-header__logo a {

width: 100px !important;

}}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @MariJuWana

Because your logo contains a lot of spaces, please re-upload the logo without spaces

GemPages_0-1672977637095.png
GemPages_0-1672977637095.png1913×928 392 KB

Or you can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.css file and paste the following code below:

@media only screen and (max-width: 768px){
  .header-layout[data-logo-align=center] .site-header__logo img{
     width: 40px;
     transform: scale(3);
  }
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
4

Thank You so much for helping me. I didnt know that could be the issue. I always assumed making it transparent png made it smaller in dimensions. It was driving me crazy and just want to say again Thank you for taking your time to help me with this.

5

I am glad that my suggestion is helpful to you.

Best regards,
GemPages Support Team