Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Modules positioning

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

6 years 1 month ago
Hi
I resolving some issues on website which are consequencies of K2 and sh404SEF uncompatibility (I think). In result some pages are rendered with wrong itemID which I can't corect by selecting from duplicated SEF addressed.

The issue is with the modules in bottom row: modules are stacked
www.witrazesc.com.pl/witraze/witrazeinfo2018/en/1647-art-glass-in-residential-buildings
the modules instead should be positioned in row : www.witrazesc.com.pl/witraze/witrazeinfo2018/en/our-offer/art-glass/art-glass-usage-and-things

I tried to add in custom.css file:
section#grid6wrap.zen-row-wrap.clearfix.row-padding-vert-sml.row-margin-none.container-padding-none.container-margin-top-sml div.zen-container div.zen-row div.zen-spotlight {
display: flex;
}
The result is OK only for wide screens - row is not responsible and for phones the modules are not stacked.

Any suggestion please?

cheers Tomek
  • witraze's Avatar
  • witraze
  • 12 Month basic
  • 346 posts
  • 20 Thanks
  • Karma: 8
The administrator has disabled public write access.
6 years 1 month ago
Hi,

Please check the screenshot below. You have one missing module - bottom5 (Contact US) and "zg-col-" classes are not correct.

Cheers
Piotrek
Attachments:
  • Piotr Kunicki's Avatar
  • Piotr Kunicki
  • Moderator
  • 45 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
6 years 1 month ago
Thanks Piotr
You are right about missing module and the classes. The missing module is not a cause of this mess but the classes are. Could I correct the classes somehow in custom.css? My only idea was to add "display:flex" which helped on wide screen but ruined the responsiveness on mobile. Maybe any other way?

cheers Tomek
  • witraze's Avatar
  • witraze
  • 12 Month basic
  • 346 posts
  • 20 Thanks
  • Karma: 8
The administrator has disabled public write access.
6 years 1 month ago
Hi Tomek,

Try the following custom css code:
@media screen and (min-width: 787px) {
html.itemid-2724 #grid6wrap .zen-spotlight > div {
    width: 14.16666667%;
    margin-left: 3%;
}
}
Cheers
Piotrek
  • Piotr Kunicki's Avatar
  • Piotr Kunicki
  • Moderator
  • 45 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
The following user(s) said Thank You: witraze
6 years 1 month ago
Piotr THANK YOU indeed!
Works like a charm :)

I'd have never done it without your help.

cheers Tomek
  • witraze's Avatar
  • witraze
  • 12 Month basic
  • 346 posts
  • 20 Thanks
  • Karma: 8
The administrator has disabled public write access.
6 years 1 month ago
Hi,

Glad I could help.

Cheers
Piotrek
  • Piotr Kunicki's Avatar
  • Piotr Kunicki
  • Moderator
  • 45 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close