Remove space between photo and title in blog page

Solved
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
Shopify Partner
1137 91 138

Hi @KN_2019,

 

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

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
4 0 0

Hi @Perennial,

 

Thank you for your response.

 

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

0 Likes

Success.

Shopify Partner
1137 91 138

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.

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
4 0 0

Hi @Perennial 

 

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
Shopify Partner
1137 91 138

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 .

 

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
4 0 0

Hi @Perennial,

 

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

Success.

Shopify Partner
1137 91 138
use this @media only screen and (max-width: 749px) .article__title--has-image { padding-left:0px; } }
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Shopify Partner
1137 91 138

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

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
4 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