Youjoomla Support Forums (http://www.youjoomla.com/joomla_support/index.php)
-   Eximium (http://www.youjoomla.com/joomla_support/forumdisplay.php?f=278)
-   -   Module width problem in responsive mode (http://www.youjoomla.com/joomla_support/showthread.php?t=13987)

gnostica 10-19-2015 09:50 AM

Module width problem in responsive mode
 
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

arefund 10-20-2015 09:07 AM

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;
}

gnostica 10-20-2015 10:42 AM

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.

arefund 10-21-2015 07:59 AM

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;
}

gnostica 10-22-2015 09:53 AM

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!

gnostica 01-13-2016 04:28 AM

I hope your help, Arefund! Thanks much!

arefund 01-13-2016 07:30 AM

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;
}
}

gnostica 01-14-2016 05:11 PM

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?

arefund 01-14-2016 08:10 PM

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.

gnostica 01-15-2016 04:38 AM

sorry, there was a problem with the server, it will be refresh soon. the site was available just from our country IP... :(


All times are GMT -4. The time now is 02:26 AM.

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