Mobile Version is not Responsive.

[Marcelo Lopez Anido]

HI, I have installed the Thisone template.

https://www.petville.com.ar/index.php

All the titles, with the background orange, are not responsive to the mobile version.

Please, can you help me?

Thank you!

[Tony]

The font size default set to 48px for all heading title. Which size you want to change for mobile devices? I didn’t see anything wrong with the size.

[Marcelo Lopez Anido]

Hi Tony,

I think the size is fine, the thing is that the words are long, TO MANY CHARACTERS
Maybe the solution is to move to the left the titles, but only for the mobile version.

Also, please, at the bottom you will see a map, can be responsive also?
See the image below.

Regards,

[Tony]

Hi there,

I see, open add css code below into custom.scss file (template folder -> custom -> scss -> custom.scss)

@media screen and (max-width: 767px) and (min-width: 320px) {
    .g-content.g-particle h1 {
        font-size: 40px !important;
    }
}

save and recheck.

[Marcelo Lopez Anido]

Hi, I did it but nothing happens.
I remove the cache, everything.
Is there anything else that i need to do?

[Tony]

Please follow this https://www.dropbox.com/s/rkc2zfm6wen99q3/private.png?dl=0 to send a private reply. I need the administrator account to check inside.

Thank you

[Marcelo Lopez Anido]

This reply has been marked as private, meaning that only the original poster and forum moderators can see the content of the reply.

[Tony]

I just recompile css for your site and change the font size for mobile devices to 33px

Please help me check.

Thank you

[Marcelo Lopez Anido]

Hi, thank you, please, can you reduce the right margin, something like 10px.?

Regards,

[Tony]

Do you want to center the text or ??

Thank you

[Marcelo Lopez Anido]

If you can do that, but only on mobile version, it would be great.

[Marcelo Lopez Anido]

Hi, please, also he website, is not responsive on tablets, what I need to do?

[Tony]

Hi Marcelo,

You’re using old template version, Did you check our live demo for this one template? You will see the layout display different on tablet then compare with your site 🙂

Please create a joomla backup before updating template, you can get the newest version via customer area https://joomlead.com/member-area/my-account/