Template elements problem

paolo.fiorito
Inactive member
Topic Author
New Member

2 years 4 weeks ago #49733 by paolo.fiorito

Template elements problem was created by paolo.fiorito

Good morning,
I'm not a great expert and I apologize for that.
I'm migrating my site from Joomla 3.x to 4.x with "fitness" template.
I've already migrated and fixed almost all the problems. I can't find the setting to allow 7th row template elements (left-content-right) to overlap when I resize the screen width. elements and their modules remain side by side and become unreadable.
With Joomla 3 and the old "hot-fitness" template this didn't happen.
I don't know how to fix this problem.
Thank you
Paolo

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 4 weeks ago #49734 by milos

Replied by milos on topic Template elements problem

Hello,

Please edit this file /media/templates/site/fitness/css/custom.css and below this line:

Code:

@media (max-width: 767px) {

add this:

Code:

.sparky_container {
width: 100%;
}

.sparky_container > [class*='sparkle'] {
width: 100% !important;
}

.two [class*='sparkle'] {
width: 50% !important;
}

.full .sparky_container {
width:100%;
}

.full .sparky_container > .sparky_cell {
margin: 0;
padding: 0;
}

Make sure you cleared your mobile browser cache before testing the page again.

If the code above doesn't work, please provide the link to your website so we can check this.

Regards,
Milos

Please Log in to join the conversation.

paolo.fiorito
Inactive member
Topic Author
New Member

2 years 3 weeks ago #49748 by paolo.fiorito

Replied by paolo.fiorito on topic Template elements problem

thanks, it works perfectly.
Paolo

Please Log in to join the conversation.

Time to create page: 0.204 seconds