Docs

[ottobono]

Hi, I have some problems with the mobile view of feature list. The connector like looks some cms broken from the first element and goes some cms over the last one (like if it would be entirely shifted to the bottom). I attached a couple pics. How to fix that? Thank you!

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ottobono]

This reply has been marked as private.

[Christian]

Hey there,

I just saved the page in Cornerstone and it looks like it’s fixed now (see attachment). It must have been just the cache.

Hope that helps. 🙂

[ottobono]

Hi Chris, the problem is still there 🙁 I tried looking from different phones after clearing cache and the line break is still there

[Friech]

Hi There,

I’ve added the below custom css to your customizer, and it seems fixed the issue. Would you mind confirming on your end.

/*Fixed feature list connector on mobile*/
@media (max-width:  480px) {
	.x-feature-box-connector.upper {top: calc(0% - 23%);}
	.x-feature-box-connector.lower {top: calc(50% - 12%);}
}

Don’t forget to clear your mobile cache. If the issue persist on your end, please let us know on what device are you in.

Hope it helps, Cheers!

[ottobono]

Hi Friech, I use a samsung note 3 with chrome 🙂 I cleared my cache on wp and on my phone and the problem is still there but has another form: now the line is broken before “Tostatura” , “Confezionamento” and “I nostri valori”. If you resize the browser window the line still slide down. I guess I have to remove the line…

[Rupok]

Hi there,

Thanks for updating. It seems you have already removed the lines as I can’t see them anymore. Would you let know about that?

Cheers!

[ottobono]

yeah I did it because I could not fix it… it was 10 px solid (set it from cornerstone). it still breaks and slide down on browser resize and on mobile devices. if you can help me finding a solution that would be really helpful! 🙂

[Christian]

Let’s try this. Shorten the text in each of your Featured List Items.

Thanks.

[ottobono]

Hi Chris, thank you for your answer 🙂 I fear I cannot do it because the marketing department of my client wants exactly this text 🙁

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

@media (max-width: 979px) {
.x-feature-box-connector.lower {
    height: 120% !important;
    top: 0 !important;
    border-width: 10px !important;
}
}

Hope this helps.

[ottobono]

Hi Rad, it did not work, it still slides and become dotted too 🙁

[Rue Nel]

Hello There,

Please have your code updated and use this instead:

@media (max-width: 979px) {
  .x-feature-box-connector.lower {
    height: 120% !important;
    top: 50% !important;
    border-width: 10px !important;
  }
}

Please let us know if this works out for you.

[ottobono]

Hi Rue it still does not work 🙁 it becomes dotted (from solid) and it slides as always even on minimal window resize. I do not understand why it behaves like this… is it a bug?

[Author]

Posts