Public Forums 71,145 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#988278

Hi
Kindly check the site in real devices. In mobile it looks fine. Attached screenshot .

---

Attachments:

1. 

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#988296

Hello

I did test with a 5" screen real device and it looks ok (for this particular string).

1) However for a 4" screen (tested through a scrren simulator, like http://whatismyscreenresolution.net, it is as I initially reported).

2) I increased the size of the caption of the button. Now the masthead is easily corrupted even on my 5.5" smartphone.

3) When the masthead becomes corrupted in certain browser window sizes, this is not considered to be a problem?

The solution would be to allow the caption of the button to wrap, just as normal text, when the screen is narrow.

I am sure I can find a way to fix it if I play with the CSS. I just thought it would be usefull for you too know.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#988391

Hi
You have this code in the module :

<div class="btn-action" style="margin-bottom: 20px;">
<p><a href="https://learn-greek-online.com/joomdev/free-lesson.html" class="btn btn-success btn-lg">Take a Free Lesson Now, addded some very long text here</a></p>
</div>

for the button
replace it with

<div class="btn-action" style="margin-bottom: 20px;">
<p><a href="https://learn-greek-online.com/joomdev/free-lesson.html" class="btn btn-success btn-lg" style=" white-space: normal; ">Take a Free Lesson Now, addded some very long text here</a></p>
</div>

Added style white-space: normal; .
It will fix the issue .

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#988456

It is fixed! Thank you very much.

[Author]

Posts