I want to remove an empty space between two sections at Narrative Theme

Store Design
1

Hi guys. On mobile version of my store, I have a grey empty space between slideshow and the next section. It looks very awful, and I would like to remove it. I will attach a screenshot here, just for you to understand better.

If there is a code or anu settings please let me know. I also searched to disable that empty space, and I didn’t find.

Thanks!

Screenshot 2021-11-23 at 06.48.53.png
Screenshot 2021-11-23 at 06.48.53.png1020×1458 99.5 KB

2

@TheChanger

Please share your store URL and if your store password protected then share store password.

Thanks!

3

@dmwwebartisan the store is live, and I want to give it an update. The website is www.chargyo.com , but you can’t see this problem because I didn’t save it.

Can’t you help me with that screenshot? Or maybe you want some more screenshots. Just tell me and I will take more.

4

@TheChanger

Please add following css your assets/theme.scss.liquid bottom of the file .

@media only screen and (max-width: 749px){
.feature-row__image-crop--circle, .feature-row__image-crop--square {padding: 30px 0 !important;}
.feature-row__image {margin-bottom: 30px !important;}
}

Thanks!

5

Hi @TheChanger ,

I checked and it shows fine: https://i.imgur.com/GdT3rsK.png

Did you fix it?

6

Nope, I wrote above. The website is not updated because it is live. I want to update it, but first I have to solve this problem.

7

It might be a paddling issue.

If you need to get even more specific and only change a specific element within a specific section, you can add an additional selector.

To do this on the homepage, look for a bit of code that looks like this just above the element you’re trying to change:

id=“shopify-section-1489275816053”

The exact number used will vary, but it will always start with shopify-section-.

Then, add this selector to the front of your CSS:

#shopify-section-1489275816053 h2.title { padding-top: 0px !important; padding-left: 0px !important; }

This will now only apply the padding and margin settings you define only to the Heading 2 tag with the class name of “title” found inside of that specific section.

Hope this will resolve your issue and if not then skype me on mehul.neema@graffersid.com

8

Hi @TheChanger ,

I can’t check if I can’t see it. You can duplicate and send me link preview with error, I will help you check and fix it.