MMCwebsitebuilder Posted June 17, 2020 Share Posted June 17, 2020 (edited) Hello, I reduced the padding of the line block using the following code: . sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} To achieve the following look: However, when I checked the mobile view, this is what it ends up looking like. Does anyone know a way to fix how it looks on the mobile view?? Thank you. Edited June 17, 2020 by MMCwebsitebuilder Link to comment
tuanphan Posted June 17, 2020 Share Posted June 17, 2020 Edit your code to @media screen and (min-width:641px) { sqs-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;} } MMCwebsitebuilder 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MMCwebsitebuilder Posted June 17, 2020 Author Share Posted June 17, 2020 54 minutes ago, tuanphan said: Edit your code to @media screen and (min-width:641px) { sqs-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;} } I copied the code - but it doesn't seem to work on the PC view. Also, my mistake I meant to type -50px. Link to comment
MMCwebsitebuilder Posted June 17, 2020 Author Share Posted June 17, 2020 59 minutes ago, tuanphan said: Edit your code to @media screen and (min-width:641px) { sqs-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;} } Never mind!! It work!! Thank you so much! The code was just missing a "." So the code I used is: @media screen and (min-width:641px) { .sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment