Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Template Cuisine - Page Title heading not responsive

Featured Lock Resolved Issue
Dears,
Hope before you leaving on vaccation you could give support.

I bought the cuisine template - of course changed your demo titles
into some words which are little bit longer - and now they are not responsive anymore

not showing every letter anymore.on Mobile-Phones

please help. thank you

11 Answers

Caterina

More than a month ago #Permalink
Well,

Then I have a following suggestion for you:

Write a CSS media query for the mobile devices and adjust the h1, h2, and h3 font size. For example:


@media screen and (min-width: 320px) and (max-width:560px) {

h1, h2, h3 {
font-size: 6vh !important;
}
}


Thanks.



Same problem. This solution is ok for me. Thanks

Shibbir

More than a month ago #Permalink
Hello there,

Send me your site URL to check.

Thanks.

Th.

More than a month ago #Permalink
I just send you a privat message - please check

thank you

Shibbir

More than a month ago #Permalink
I just send you a privat message - please check

thank you


Hello there,

Use this below code in the custom.css file in CSS directory.


h1, h2, h3 {
word-break: break-all;
}


Thanks.

Th.

More than a month ago #Permalink
Hello - thanks but this doesn´t really look good at all.
words are breaked on position which they shouldn´t be

basicly on responsive I know that the sizes just going smaller and not breaking.

please provide another suitable solution

thank you


you can have a look by your own and see that this really looks bad....

whould be the same as you split Joomshaper and end the end on mobile phone it would look like..


Joomshape
r

guess you wouldn´t like as well

Shibbir

More than a month ago #Permalink
Well,

Then I have a following suggestion for you:

Write a CSS media query for the mobile devices and adjust the h1, h2, and h3 font size. For example:


@media screen and (min-width: 320px) and (max-width:560px) {

h1, h2, h3 {
font-size: 6vh !important;
}
}


Thanks.

Th.

More than a month ago #Permalink
Ok that seems to be working so far -- thank you -- much appreciate

but still one question maybe you are so gentle and could help -- I have a text in module position
and a div container to align the text "center"
but this will also not be responsive

what can I do

thank you

kind regards

Shibbir

More than a month ago #Permalink
Ok that seems to be working so far -- thank you -- much appreciate

but still one question maybe you are so gentle and could help -- I have a text in module position
and a div container to align the text "center"
but this will also not be responsive

what can I do

thank you

kind regards


Well,

Send me the page URL with a screenshot.

Thanks.

Th.

More than a month ago #Permalink
the main url you alreay have and the side is "/an-alles-gedacht"

on bottom where you see the "checklist zum download" button
and the text above

this is not responsive if you look on mobile device

thank you

Attachments (1)

  • screen.jpg
    screen.jpg 26 KB

Th.

More than a month ago #Permalink
Hello ? Already on vaccation ?

:(

kind regards


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 204
Sifat

Sifat

Total Accepted Answers: 126
Toufiq

Toufiq

Total Accepted Answers: 85
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 4

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us