Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Module width problem in responsive mode

10-19-2015, 09:50 AM
# 1 (permalink)
gnostica
Hi!
Please help me, I have the following problem: when I give 33% for the user-1,2,3 modules, if I see the page between 960 and 690px, the third module go down with full width, but the first and second module (user1 and user2) stay the same row, but in smaller size and float left. (near them there are an empty place.

Can U help me how could I set to all 3 modules go to under each other if I see the page 690-960 px monitor (tablet).

Thanks

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: modernjazz.hu

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
10-20-2015, 09:07 AM
# 2 (permalink)
arefund
Hello gnostica.
Please notice that on 980px browser width the first two module position are 50% wide and the third one is 100%, after that they will be on 100% all of them.
You can try to add this into your custom.css file:

media only screen and (max-width: 690px) and (min-width: 960px){
#user1.yjsgxhtml,
#user2.yjsgxhtml,
#user3.yjsgxhtml{
width:100%!important;
}
Kindness costs the least, but is worth the most!
10-20-2015, 10:42 AM
# 3 (permalink)
gnostica
hi arefund!

thanks your answer, unfortunately the third module is also under the user1 and 2, and if I use your code in custom.css, in normal desktop view don't work the 33% 3 module near each other, I see the same. The small success is: the user 1 and user 2 module is 50-50% now.
10-21-2015, 07:59 AM
# 4 (permalink)
arefund
Sorry my mistake the code is missing @.
Try to add this, that should work.
@media only screen and (max-width: 690px) and (min-width: 960px){
#user1.yjsgxhtml,
#user2.yjsgxhtml,
#user3.yjsgxhtml{
width:100%!important;
}
Kindness costs the least, but is worth the most!
10-22-2015, 09:53 AM
# 5 (permalink)
gnostica
Hi!
I show U the site, because I made some css modify for the design. So please see the site, because it still doesn't work well.

I tried your code, but it still doesn't work well - I would be happy, if the third module don't go below the other two (first and second in a 3 module row), just go below the 3 modules each other, then in bigger width monitor (browser) we could see all the 3 modules side by side.

thank you so much your help!
01-13-2016, 04:28 AM
# 6 (permalink)
gnostica
I hope your help, Arefund! Thanks much!
01-13-2016, 07:30 AM
# 7 (permalink)
arefund
Please try to add this into your custom.css file and check if that will work for you.
@media screen and (max-width: 980px){
div.yjsgxhtml.last_mod{
width:33.33%!important;
float:left;
}
}
Kindness costs the least, but is worth the most!
01-14-2016, 05:11 PM
# 8 (permalink)
gnostica
Please see the result, there is your code in the custom.css. The tablet size is ok, but the smaller one has the third module mistake... can you give some change to the code? Otherwise that problem is not just to three modules, when I put 5 modules in one raw, the problem is the same... is it a template bug?
01-14-2016, 08:10 PM
# 9 (permalink)
arefund
I am not able to see your site anymore.
That is not template bug, we made it like that so each last module will be 100% on appropriate browser size.
Kindness costs the least, but is worth the most!
01-15-2016, 04:38 AM
# 10 (permalink)
gnostica
sorry, there was a problem with the server, it will be refresh soon. the site was available just from our country IP...
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password