Reduce space on product details page + center mobile menu text

Hi!

I would like to reduce some spaces on my product page (especially for the mobile version) :

• between the header and the image of the product
• between the bottom of the product image and the title

Also, I noticed that the text on my mobile menu doesn't seem at the center. 

* (see images below)

Is there css codes that could help me with all that?

Thank you so much!

Carolanne

url of my website: https://aspectgraphite.com/

It really helped thank you! 

Is there a code to reduce bottom space of the header? I think that's what create a space too on top of my pages.

Also, is there a way to center the text / buttons on my mobile menu?

Thank you!

17 minutes ago, carolannebourget said:

It really helped thank you! 

Is there a code to reduce bottom space of the header? I think that's what create a space too on top of my pages.

Also, is there a way to center the text / buttons on my mobile menu?

Thank you!

 

Please replace your logos with below. Because your logo has blank space. I have removed those space.

I've changed the logo on my pages and it worked great! Somehow I can't change the logo on my store page and on my product details page (on desktop now)?

Thank you for your help, it's really appreciated!

5 hours ago, carolannebourget said:

I've changed the logo on my pages and it worked great! Somehow I can't change the logo on my store page and on my product details page (on desktop now)?

 

Thank you for your help, it's really appreciated!

There you have add the logo by custom code. Can you upload the white logo on your website and send me the link? Then I can provide you the code. 

Hi! I found the solution regarding the white logo. 

Is there a way to reduce the space of the top of the product details page on desktop? (image below)

Thank you once again! 

On 11/14/2023 at 6:27 AM, carolannebourget said:

Hi! I found the solution regarding the white logo. 

Is there a way to reduce the space of the top of the product details page on desktop? (image below)

Thank you once again! 

You can add this CSS code

.ProductItem .ProductItem-summary {
    align-items: flex-start !important;
}