Docs

[Rad]

Hi there,

Maybe we don’t fully understand the issue yet, would you mind providing a screen recording displaying all of these issues?

I test the CSS and it works, but maybe the issues we’re seeing is different from you’re getting.

Thanks!

[ottobono]

I tried with chrome. it is not dotted but it slides as I said. Couple pics here (already cleared cache from wp and browser etc)

[Rupok]

Hi there,

Thanks for updating. It seems you are facing this on smaller screes (less than 768px).
You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 767px) {
.x-feature-box-connector.lower {
  top: 30% !important;
}
}

I have tested this with your site and should work fine.

Cheers!

[ottobono]

Hi Rupok, it still does not work. I used your code and it breaks now on mobile view. Look at this gif

http://g.recordit.co/bGdGbtMAWD.gif

[Rad]

Hi there,

Maybe that’s one of the main reason why lines are hidden for mobile since it has the varying effect depending on the amount content and device. Positioning changes, setting static top will only work on the view where it’s tested, but may not work on another.

I checked in multiple devices and I’m getting many different results. That means, many different CSS too. For example,

@media only screen and (max-width: 979px) {
.x-feature-box-connector.lower {
  top: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.x-feature-box-connector.lower {
  top: 30% !important;
}
}
@media only screen and (max-width: 480px) {
.x-feature-box-connector.lower {
  top: 50% !important;
}
}

Please do trial and error depending on your preference. If we will fix it based on our end, then it may never fix it on your end. There is no limit on screen width and top positioning. You can create as many as you want.

Thanks!

[ottobono]

I decided to get rid of the lines… too much work and it is not worth it 🙂 thank you anyway for your invaluable help, at least now I know that I do not have to use the lines if I do not want to make my life worse 😀

[Rue Nel]

Great! We appreciate for letting us know.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts