Problem with heading in mobile view

Store Design
1

Sheeks_0-1720449079622.png
Sheeks_0-1720449079622.png1366×768 239 KB

this is how it looks in desktop
but for mobile

Sheeks_1-1720449130602.png
Sheeks_1-1720449130602.png1366×768 173 KB

can u help me with it?
https://sheeksorority.com/

2

Nevermind

1 Like
3

Hello. I don’t see this section on your website. Have you made it public yet? @Sheeks

1 Like
4

not yet !^^

5

Can you post it up a bit and I’ll quickly check it for you? @Sheeks

6

@Sheeks

  • Here is the solution for you
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.section-heading-box.text-center.aos-init.aos-animate h3 {
  overflow: hidden;
  text-align: center;
}

.section-heading-box.text-center.aos-init.aos-animate h3::before,
.section-heading-box.text-center.aos-init.aos-animate h3::after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.section-heading-box.text-center.aos-init.aos-animate h3::before {
  right: 0.5em;
  margin-left: -50%;
}

.section-heading-box.text-center.aos-init.aos-animate h3::after {
  left: 0.5em;
  margin-right: -50%;
}

  • Please change the title to “You’ll Love These Pairings” and remove all the hyphens on both sides.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.