GemPages doesnt fill up the whole width of my product page when I publish it

GemPages doesnt fill up the whole width of my product page when I publish it

envyral
Visitor
2 0 0

I created a product page with Gempages, and it looks perfect in the Gempages site, but when I publish it and go back to my shopify site, there is empty space on both side of the page. So basically it doesn't fill up the full width of my Shopify page. 
I've tried to change the liquid and css files of my theme based on previous community questions about this similar issue, but nothing worked. I'm using the Debutify theme. 

shopify.pnggempages.png

 

 

Replies 3 (3)

sahilsharma9515
Shopify Partner
1079 132 203

Hi @envyral 

 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for you.

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


envyral
Visitor
2 0 0

Here is the link: https://envyral.com/products/envyral-black-friday-bundle

 

The main section up top with the purple background is the part that I'm referring to, which is not filling up the full page. 

sahilsharma9515
Shopify Partner
1079 132 203

Hi @envyral Thanks for providing the Url, Please follow the steps to solve the issue.

 

You need to add this code in your theme.css/base.css/index.css whichever is available in your theme.

 

.wrapper {
    padding: 0px !important;
}

If you are not sure where is your theme.css/base.css/index.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css in the code in left hand side.
  6. Add the code at the bottom of the file.

Result:

sahilsharma9515_0-1700644255988.png

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️