Remove bottom line from text

Store Design
,
1

Hi, can anyone help me remove the line bellow those texts for mobile? I have it in many sections

Password: sasa

Daniel19901_0-1729595547855.png

1 Like
2

Hey @Daniel19901 ,

To help you remove the line below the text for mobile, you likely need to update your CSS structure

If you have the same line appearing across many sections, you can group those sections under a common class or ID and apply the same styling within media queries.

@media (max-width: 768px) {
  .section-with-line hr { 
    display: none; /* Or other class that applies the line */
  }
}

This will ensure the line is removed only on mobile devices.

Let me know if you have more details or if you’d like further assistance!

If I was able to help you, please don’t forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma

3

Hello @Daniel19901

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
h2.slide-title.seven-tenths.palm--full-width {
text-decoration: none;
}

ZestardTech_0-1729596588411.png
ZestardTech_0-1729596588411.png729×666 117 KB

4

@ZestardTech thx, but it didn’t work for me

1 Like
5

Hello @Daniel19901

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
h2.slide-title.seven-tenths.palm--full-width span {
background-image: none!important;
}
1 Like
6

Hello @Daniel19901 ,
It will definitely solve your issue , try this

@media screen and (max-width: 599px) {
    .vertical-slider .slide a.slide-heading h2 span {
        background-image: none;
}