Theme Narrative

Solved
Highlighted
New Member
2 0 1
Hi there 
 
I have a store on shopify with the free theme narrative. It's a really nice theme. The only problem I have is the mobile version, the collection page contents are not in the middle and wanted 2 pictures in a row.
 
Is there something I can do, maybe edit the coding to fix the problems.
 
My Shopify Store URL: www.eddysdesign.co.uk
 
Helal 
 
IMG_20200708_202548.832.jpgIMG_20200708_202552.325.jpg
1 Like
Highlighted
New Member
5 0 0

Hi BBNDRY,

One thing you should look into doing will be changing the CSS/SCSS styles, Shopify has the styling files inside the Assets folder. You can use a combination of chrome developer tools, and css selectors to find the element you are wanting to change and then see which style sheet is controlling the style.. Something like this picture might be your workflow.

Screen Shot 2020-07-08 at 5.00.25 PM.png

0 Likes
Highlighted
Shopify Partner
5824 850 1950

This is an accepted solution.

@BBNDRY 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.collection-template .grid__item.medium-up--ten-twelfths.medium-up--push-one-twelfth.small--one-half {
    width: 100%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 1

Thank you for that got the content fixted but i still could'nt get the picture fixed is theres anyway i can fix it 

0 Likes
Highlighted
Shopify Partner
5824 850 1950

@BBNDRY 

Thanksf or update 

sorry but per row 2 product not look goog it's much better for one 

see the issue if you can two per row

image.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes