Joomla Templates Club 406,261 posts

[pepijn2015 Friend pepijn2015Join date: May 2015Posts: 32Downloads:18Uploads:4 Thanks: 5]

#208483

Dear Sir/ Madam,

I have tried to add two modules on position 1 and 2 with Cagox default 2 template.
When I open the site on the laptop it works good. But when I open the site on a mobile the modules do not resize below each other. Position 1 and 2 on 1 are on one line (3 and 4 on next line). My pictures are 400 * 400 and then it will not look good. Please look the site url on mobile.

With regards,
Pepijn

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#576892

Hi Pepijn,

First of all, you can go to Backend > Extensions > Template manager > select JA Cagox template style > Layout tab > Responsive layout > Extra small

and Navigate to the position 1 & 2, you can resize each position so that it takes full-width in this extra small layout (mobile layout)

Refresh your site and see how it goes.

If image is still not resized, you then can create a new css file call custom.css in this directory: root/templates/ja_cagox/css/

and add this css rule:

@media (max-width: 320px) {
.singlecol.oddcol > img {
width: 100%;
}
}


Hope this helps.

1 user says Thank You to Saguaros for this useful post

1. pepijn2015

[Author]

Posts