Unable to fix the extra space around the "Add to Cart " button,

[Sohan2198]

Hi Team,
Could you please help us identify and fix the extra space around the “Add to Cart” button on the website?

and Need to improve the Speed of website

https://hairdramacompany.com/

[Moeed]

Hey @Sohan2198

Can you show a screenshot of what space exactly are you referring to so that we’re on the same page?

Best,
Moeed

[solverStaff]

Hey @Sohan2198

Where do you want to fix extra space? Do you want to remove extra space or need to do extra space? Please share a screenshot with red mark.

Regards

Titu

[Sohan2198]

Hi @Moeed ,

Please check
Need to remove

[Sohan2198]

@solverStaff,

Please check this

[Moeed]

Hey @Sohan2198

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.grid-view-item.style5 .flatbtn .btn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 32px !important;
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[Maximus3]

Go to your theme editor, click the section, and add this custom css code

.btn .add-to-cart {
width: -webkit-fill-available;
}

[Sohan2198]

@Moeed ,

Please check this

[Sohan2198]

Hi Team,

Is anyone available to help me with website speed optimization?
Would really appreciate the support.

[solverStaff]

Hi there!
Yes, definitely people here can help. To get useful guidance, it helps to narrow down what’s slowing the site.

Here are a few quick things you can check right away:

Run a speed test
Use Shopify’s built-in speed report or tools like Google PageSpeed Insights and note:

• Mobile vs desktop score

• Largest Contentful Paint (LCP)

• Apps or scripts flagged as heavy

Review installed apps
Apps are one of the biggest causes of slow stores. Try:

• Disabling apps you’re not actively using

• Checking if any app loads on all pages instead of only where needed

Image optimization

• Make sure images are compressed and not oversized

• Avoid using PNGs where JPG/WebP works

• Ensure lazy loading is enabled

Theme & custom code

• Remove unused sections/snippets

• Minify CSS/JS if your theme doesn’t already do this

• Avoid inline scripts added by old apps

Third-party scripts
Tracking tools, chat widgets, and badges can add a lot of load time. Try temporarily disabling them to see the impact.

[Sohan2198]

Hi @solverStaff ,
Make sure images are compressed and not oversized
Please share the exactly size of images & Banner

[solverStaff]

@Sohan2198

Make sure images are compressed and not oversized
Please share the exactly size of images & Banner

Sure! Here are the commonly recommended image sizes for Shopify that balance quality and speed:

Homepage banners / sliders

• Desktop: 1800–2200 px wide

• Mobile: 750–900 px wide

• Keep file size under 300 KB

• Use JPG or WebP

Product images

• 2000 × 2000 px (square works best)

• Max 2500 px on the longest side

• File size ideally under 300 KB

Collection images

• 1200–1600 px wide

• Under 200 KB

Logos / icons

• SVG if possible, otherwise under 100 KB

Shopify automatically serves responsive sizes, so uploading extremely large images (4000–5000 px) usually hurts speed without adding quality.

[Tapita-support2]

Hello @Sohan2198,

It’s Sophia here from Tapita SEO & Speed Optimizer.

I checked your website speed by PageSpeed Insights and every metrics is pretty good overall.

Desktop Performance: PASSED

• LCP: 1.3s (excellent - well under 2.5s threshold)

• INP: 90ms (excellent - well under 200ms threshold)

• CLS: 0.05 (excellent - well under 0.1 threshold)

Mobile Performance: FAILED (but only slightly)

• LCP: 2.1s (good - just under 2.5s threshold)

• INP: 209ms (needs improvement - just over 200ms threshold by 9ms)

• CLS: 0.05 (excellent)

The Issue: The mobile version fails Core Web Vitals only because of INP being 209ms (9ms over the 200ms threshold). This is actually very minor and affects only 22% of page load

To push mobile into “Passed” territory, focus on:

• Reducing JavaScript execution on mobile (the main INP culprit)

• Deferring non-critical third-party scripts

• Optimizing any heavy interactions (dropdowns, toggles, form inputs)

Hope this helps!