Padding issues on line block on mobile view

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.

Edit your code to

@media screen and (min-width:641px) {
sqs-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;} 
}

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.

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;} 
}