Re: Minimize line height for mobile view

Solved
CrownJewels
Excursionist
21 0 4

Hi, I have inserted a line above my "you may like" product recommendations section. The line height is okay for desktop view but whenever I view on mobile its too high. How do I change it? I want this line to look the the recently viewed section that is built with my theme.

 

Screen Shot 2021-01-28 at 2.59.34 PM.pngScreen Shot 2021-01-28 at 2.59.42 PM.png

KetanKumar
Shopify Partner
14304 1664 5142

@CrownJewels 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
JLbyone
Excursionist
175 17 38

add a new line to  /assets/theme.scss.liquid

@_media only screen and (max-width: 749px){

 

 

and change there height of border

CrownJewels
Excursionist
21 0 4
0 Likes
CrownJewels
Excursionist
21 0 4

Like this? I added that and it didn't change anything. The height didnt change for mobile view.

 

Screen Shot 2021-01-29 at 11.42.27 AM.png

0 Likes
JLbyone
Excursionist
175 17 38

This is an accepted solution.

@_media only screen and (max-width: 749px){
    #shopify-section-product-recommendations .index-section{
        border-top: 1px solid #e8e8e1;
        paddint-top: 45px;
        }
}

 

like this, hope it works

CrownJewels
Excursionist
21 0 4

I had to change the "t" that you wrote to a "g" then it worked perfect. I'm guessing that was a spelling error on your end, but it works fine now. I also changed the padding to 25px instead.

0 Likes
JLbyone
Excursionist
175 17 38

exactly missclick

i'm glad it worked!

 

0 Likes