Remove space between photo and title in blog page

Solved
Highlighted
Tourist
4 0 0

Hi, I'm having a problem with the white space between photo and title in the blog page (Debut theme). This only happens on the mobile version. Is there any way to reduce the white space (only on mobile)? Thanks.

 

Mobile.png

0 Likes
Highlighted
Shopify Expert
1381 112 211

Hi @KN_2019,

 

Yes, this is achievable. Could you please provide website URL so that I can check further?

 

0 Likes
Highlighted
Tourist
4 0 0

Hi @Qualitycheck,

 

Thank you for your response.

 

Here is the website URL: https://marionskitchenallaccess.com/blogs/marinade

0 Likes
Highlighted
Shopify Expert
1381 112 211

This is an accepted solution.

Hi @KN_2019,

use this code 

.article__grid-image-container { display: block; clear: both; position: relative; margin: 0 auto 16.5px 0; min-height: 1px; width: 100%; height: 100%; }

if you face any problem

Please drop me email at - infoperennialsolution@gmail.com so that we can discuss this further.

1 Like
Highlighted
Tourist
4 0 0

Hi @Qualitycheck 

 

It works. Thank you so much.

 

I do have another question. How can I make the title align center on both mobile and desktop version? I tried to add .article__title {text-align: center;} code in theme.scss.liquid but it didn't work.

0 Likes
Highlighted
Shopify Expert
1381 112 211

hi,KN_2019

.article__title {  width: 100%; text-align: center; }

use this 

please like a and accept  solution

 

if any help in future 

Please drop me email at - infoperennialsolution@gmail.com .

 

 

0 Likes
Highlighted
Tourist
4 0 0

Hi @Qualitycheck,

 

It's not working on mobile (please see the image below). Do you have any suggestion for this?

 

Screen Shot 2562-08-30 at 14.47.27.png

0 Likes
Highlighted
Shopify Expert
1381 112 211

This is an accepted solution.

use this @media only screen and (max-width: 749px) .article__title--has-image { padding-left:0px; } }
1 Like
Highlighted
Shopify Expert
1381 112 211

Hi @KN_2019,

 

Thanks for liking and accepting our solution. 

Please feel free to reach out for any further changes, I would be happy to help!

Below are my contact details.

Email: infoperennialsolution@gmail.com

Skype : infoperennialsolution

0 Likes
Highlighted
New Member
6 0 0

Hi, I am having issues with space under my photos on my main blog tab. Can anyone work out what the issue here is? Photo attached:blog page.JPG

0 Likes