Docs

[Shan_HBG]

Hello,

I’m just about ready to make my site live, and noticed two issues on my iPhone SE (latest OS). I’m attaching a screenshot for each issue. Can you please help me fix them?

1 – the “Text Type” block in Cornerstone (that animates the cursor and changes the text) looks great on desktop. But, as you can see in my screenshot (IMG_0219.png), the longer string of animated type doesn’t fully load. The shorter strings look fine. This one is missing a word. It should say “Why won’t it let me make it bigger?”

2 – the “Accordion” block in Cornerstone has an issue with the text overflowing outside of the bounds of the accordion box (See IMG_0220.png).

Thank you!
Shannon

[Shan_HBG]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:480px){
span.prefix,.x-text ul li {
    font-size: 15px;
}
}

Hope that helps.

[Shan_HBG]

Hello,

Thank you for the code … but that doesn’t really work. (I need to keep the heading “heading-sized” for consistency with the rest of the layout.) Also, it only makes the first few words small, and the rest of the words stay large. It looks strange.See screenshot IMG_0229.png.

Also – can you please help me with the issue #2 from my original post? It’s about the text overflowing from the accordion element. See screenshot IMG_0220.png on my first post,please.

Thank you,
Shannon

[Christopher]

Hi there,

The text length is long and you need to resize it.

Please add this :

@media (max-width:480px){
.x-text-type span.prefix, span.text {
    font-size: 15px;

}
.x-accordion-inner ul li {
    font-size: 15px;
    word-wrap: break-word;
}
}

Hope it helps.

[Shan_HBG]

Hi Christopher – thank you. 🙂

But what about the issue with the accordion – the text flows over the border and spills out into the page. It’s the question labeled “2” in my first post.

Also – is it possible to let the text type element flow onto the next line, instead of making it smaller?

Thank you,
Shannon

[Christopher]

Hi there,

#1 Please try this :

.x-text-type span.prefix,.x-text-type span.text {
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

#2 I’ve already answered you and the fix works fine, please see the attachment.

Hope it helps.

[Shan_HBG]

Hey Chris – I’ll try these fixes. Thank you. In the meantime, regarding #2 in your last response: I see your screenshot and will try that … but I don’t see that response anywhere else in this thread. Is it possible that I’m literally missing part of the thread from my end (somehow it is blocked or omitted)? Really weird. You said “I’ve already answered you …” and I just don’t see it anywhere else! I even tried scrolling in the ‘code’ section of your first reply … it doesn’t move. I’m not sure if this makes sense.

[Joao]

Hi There,

#2 Please try the following code:

@media (max-width:480px){
.x-accordion-inner ul li {
    font-size: 15px;
    word-wrap: break-word;
}
}

Hope that helps,

Joao

[Shan_HBG]

Thank you.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts