End of Support for Joomla 3 - Forum closed

Some improvement on mobile version of Gusto templa

Some improvement on mobile version of Gusto templa was created by andrea2002

Posted 6 years 7 months ago #18193
Dear support,
I ask for you how to solve some small problems on mobile version:

1) I'd like to know how to hide the writtens on the slideshow in the header only in the mobile version. They hide the images.

2) The fonts of logo are very near in the mobile version. They are OK in desktop version.

3) I moved "Strips" module in TOP-C position. Every thing works in desktop version, but
three pictures and their writtens appear very tight in mobile version.

4) I changed the word "Strips" with two words in the layout. They aren't "aligned center" in mobile version

Thank very much.
Kind regards
Andrew
Last Edit:6 years 7 months ago by andrea2002
Last edit: 6 years 7 months ago by andrea2002.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Some improvement on mobile version of Gusto templa

Posted 6 years 7 months ago #18194
Hi Andrew,
live Url please!

1.) + 2.) Add this code to your css/custom.css

@media (max-width: 768px) {
.sprocket-features-content {
display: none;
}
.tm-logo-small {
letter-spacing: normal;
}
}


3.) + 4.)
You can setup the module style for the strips @ top-c in the template settings: > layouts > module
headline-border uk-text-center

Attachment Screenshot_2-2-3-4-5-6-7-8-9.jpg not found

Attachments:

Please Log in or Create an account to join the conversation.

Replied by andrea2002 on topic Some improvement on mobile version of Gusto templa

Posted 6 years 7 months ago #18205
Thank you very much for your help.

Five days ago I published another post with title "Moving article position in Gusto layout"
but I didn't get a answer. Might you let me know something about it?
It's very important for me!

Concerning your answers in this post I tell you that:

a) the answers for 1), 2) and 4) are working very well. Thanks!

b) I moved "Strips" (called "Servizi in cucina" now) module in TOP-C position. Every thing works in desktop version, but
three pictures and their writtens appear very tight in mobile version. This problem stay still.

Here is the web site: bit.ly/2xiLR90

The settings of 3) + 4) were already working before my post.

Thank you very muck.
regards
Andrew

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Some improvement on mobile version of Gusto templa

Posted 6 years 7 months ago #18206
Hi there,
b.) please remove the marked css code from your custom.css or change it to this one:

.top-c-outer {
padding: 100px 0 !important;
}


Attachment Screenshot_5-2-3.jpg not found



PS: Moving articles?? What exactly do you mean?
Attachments:

Please Log in or Create an account to join the conversation.

Replied by andrea2002 on topic Some improvement on mobile version of Gusto templa

Posted 6 years 7 months ago #18210
Thank you for your reply.
I tried to edit the custom.css deleting "!important". The Strips module works well in mobile version,
But the height of the Strips module (called "Servizi in cucina" now) with its background becomes too large in the desktop version.
Is there a way to get both aims?
Thank very much.
Kind regards
Andrew

Please Log in or Create an account to join the conversation.

Replied by andrea2002 on topic Some improvement on mobile version of Gusto templa

Posted 6 years 7 months ago #18212
Dear Support,
I solved this problem. You may see the other post of mine with title "Moving article position in Gusto layout".
Thank you very much.
Kind regards
Andrew

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License