responsive

Hi Ced
This is not working

on div.floatck replace the width:100% !important; with width:90% !important;

div floatck width:100% is only in the small media class so altering this makes no difference?

adding div floatck width:100% to the main styles causes it to show at 100px not 100%?

I have tried adding media sizes to suite my template with a max width but these are not working?

This is what i added
@media (max-width: 767px) {
div.floatck {
max-width: 767px !important;

}
}

@media (min-width: 768px) and (max-width: 979px) {
div.floatck {
max-width: 979px !important;

}
}
@media (min-width: 1200px) {
div.floatck {
max-width: 100% !important;

}
}

If you notice the last is set to 100% but if you check the site (the dropdown under The Region it is showing at only 100px not 100%, it is also showing this in just the large media size, so the media sizes are working,

Can you help with this?

I have got it sort of working, I have added

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { div.floatck {
max-width: 441px !important;

} }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { div.floatck {
max-width: 720px !important;

} }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { div.floatck {
max-width: 920px !important;

} }

/* Large Display */
@media (min-width: 1200px) { div.floatck {
max-width: 1160 !important;

}}

they need playing with, to get just right,
I have no idea why width:100% or max-width: 100% don't work, but then my skills are very limited :blush:

If I have this right, I need to design the drop down menu for the tablet size, then it will work on the desktop and large, if i design for desktop then it will work on large but will probably break on tablet (as it drops stuff a level)

smartphones and smartphones to tablet media sizes just don't work on this menu unless you have standard drop-downs, and this defeats the object of the menu :lol:

questions

Will the mobile plugin replace the smartphones and smartphones to tablet media sizes?
Will your Theme horizontal Whiteol work as responsive (if I add the above?)

cool
the theme whiteol is not yet responsive, I have to upgrade the other themes to add this.
for the plugin mobile you can look at joomlack.fr how it works
Ced