Narrative theme question

Solved
adevster8
Excursionist
17 0 4

I tried making the collection list and featured collections wider on the home screen with

}
.page-width {
max-width: 90%;
padding: 0px 5px;
}

However, the slideshow is now off center.  It also deleted the button, for "explore" under where it says credit card geometry.  Can you tell me how to fix?  Thanks

 

Screen Shot 2021-10-16 at 2.00.35 AM.png

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

.slideshow__text-container.page-width {
    max-width: 100% !important;
}

Add this code in theme.scss or style.css
Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 22 (22)
dmwwebartisan
Shopify Partner
10710 2337 3311

@adevster8 

Please share store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kinjalbuha
Shopify Partner
2302 569 1402

hello @adevster8 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
adevster8
Excursionist
17 0 4

It's still in trial for my friend so it's not viewable yet.  But basically the collection pages, featured collections and everything are the perfect width now but the slideshow text is slightly to the left now.  And the first One deleted the button.  Thanks for your quick response!

dmwwebartisan
Shopify Partner
10710 2337 3311

@adevster8 

Please share preview URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
5581 640 1498

Hii, @adevster8 
Kindly share your store URL so,
I can solve this issue.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
adevster8
Excursionist
17 0 4

https://ryanjtroy-art-photography.myshopify.com/?_ab=0&_fd=0&_sc=1&key=2430ec3e42fe4f347b3a9e81b4777...

 

Basically, everything looks good after i added the code besides the slideshows which text and buttons are now slightly too far to the left and the section that says "fall sale," which needs some margin space on the left.  Thanks.

adevster8
Excursionist
17 0 4

 https://ryanjtroy-art-photography.myshopify.com/?_ab=0&_fd=0&_sc=1&key=2430ec3e42fe4f347b3a9e81b4777...

 

Sorry!  It wasn't published so I sent the wrong one twice.  That's the one that needs to be fixed.

 

 

Zworthkey
Shopify Partner
5581 640 1498
@media only screen and (min-width: 750px){
.highlight__image {
    margin-left: 0% !important; 
}

.highlight--align-middle .highlight__content-container, .highlight--align-middle .highlight__image-container {
    margin-left: 108px !important;
}
}

Add this code in theme.scss or style.css.
@adevster8 
Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
adevster8
Excursionist
17 0 4

https://ryanjtroy-art-photography.myshopify.com/?_ab=0&_fd=0&_sc=1&key=2430ec3e42fe4f347b3a9e81b4777...

 

This is the one I was referring to.  My apologies, it wasn't published so I sent the wrong one.

adevster8
Excursionist
17 0 4

Nope, that didn't work.  I appreciate your help, but I'm still seeing the same bit offcentered.

Zworthkey
Shopify Partner
5581 640 1498

Screenshot (3).png

I have fix the border alignment,
Would you like to remove it.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
adevster8
Excursionist
17 0 4
adevster8
Excursionist
17 0 4

Thanks for your help, but for some reason, I'm not seeing that. 

 

https://ryanjtroy-art-photography.myshopify.com/?fts=0&key=2430ec3e42fe4f347b3a9e81b47778bf8927213c1...

adevster8
Excursionist
17 0 4

It looks like it's still off centered after the code.  Appreciate your help though.

Zworthkey
Shopify Partner
5581 640 1498
@media only screen and (min-width: 750px){
.highlight__image {
    margin-left: 0% !important; 
}

.highlight--align-middle .highlight__content-container, .highlight--align-middle .highlight__image-container {
    margin-left: 70px !important;
}
}
If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
Zworthkey
Shopify Partner
5581 640 1498

use this code. or mark properly what do you want.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
adevster8
Excursionist
17 0 4

Yup, that fixed the Gift box part, I appreciate it! The slideshow text is still off center to the left though.

Zworthkey
Shopify Partner
5581 640 1498

I don't get you .
kindly share a screenshot of it.

 

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
adevster8
Excursionist
17 0 4

I appreciate your help, this was my original question.  The text of the slideshow is off center to the left.

Screen Shot 2021-10-16 at 3.42.39 AM.png