VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: websmith on December 01, 2015, 14:13:33 PM

Title: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 01, 2015, 14:13:33 PM
Joomla 2.5.28
VM 3.0.12

The Joomla VM combo seems to work well on multiple devices with exception of Banners and Shop Vendor description. Everything else the display adjusts according to the device.

The banner stays full width and doesnt scale down like the header logo does. (I know banners is a joomla issue but thought it might be worth mentioning since vendor description isnt showing at all)

We also added html in shop/vendor/description area for a custom look and this doesnt show up at all on mobile device, which is strange. Hoping someone might be able to help figure this out.
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: jenkinhill on December 01, 2015, 15:12:19 PM
The Joomla templates provided with Joomla 2.5 were not made to be responsive (mobile friendly), and the demo VMBeez5 template is only slightly different from the default Beez5, mainly in css. There are plenty of third party responsive templates that work on J2.5.

Joomla 3.x is responsive "out of the box".
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 01, 2015, 15:44:58 PM
Thanks JenkinHill.

I was able to get the banner fixed by using
img {
    max-width: 100%;
}


However nothing is displaying from the vendor/shop/description box. It works perfectly on a desktop, but nothing displays at all on a mobile device. I would think the content would display even unformatted for a mobile device but its just a blank area.

Is there a workaround this perhaps with some kind of wrapper or something?
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: jenkinhill on December 01, 2015, 15:55:53 PM
You could rewrite the css to include screen size conditional styling, but you will still have problems. I reiterate, the Joomla templates supplied with Joomla 2.5 were not intended to be responsive, and to add to that, Joomla 2.5's core output is not responsive.
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: GJC Web Design on December 01, 2015, 16:21:00 PM
In other words jenks is suggesting why not use Joomla 3...  I build all my new ones in J3 now
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 01, 2015, 16:49:11 PM
I will do a full backup and give the migration a shot. Thank you very much.
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: GJC Web Design on December 01, 2015, 17:44:09 PM
please on  a clone

I have found VM2.6->VM3 easy

J2.5->J3 can go horribly wrong.. some go well but they can be tricky...

One big problem I have seen often is if there are sql files starting with 1.6.xxx  or 1.7.xxx  in
administrator\components\com_admin\sql\updates\mysql\

this makes a mess of the tables so delete all that start with these (these are only there if you have upgraded from J1.6/J1.7 etc)
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 01, 2015, 23:38:08 PM
wow the migration to joomla 3.4.5 went very smooth. However my home page content article is still not responsive.  :(

Maybe to add

img {
    max-width: 100%;
}

to the css now?
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: GJC Web Design on December 01, 2015, 23:52:35 PM
J3 is responsive but if your template isn't then your site isn't..

but unless you show us a link to the site no one can help u further
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 02, 2015, 00:14:56 AM
VM 3.0.12
Joomla 3.4.5

Template vmbeez5

The rest of the template seems to be responsive but home page is not. Would be greatly appreciative for any help in getting this home page responsive.

Ive tried adding max-width:100% to div container but the smaller images overlap each other.
I tried using <br class="clearfloat: /> as a dive break but joomla ignores or removes it. Ive used <p></p> instead so maybe this is the issue?
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: GJC Web Design on December 02, 2015, 00:38:48 AM
vmbeez5 is simple not designed to be responsive.. if u want to try a stock template use protostar

removing the float on .fourcolumns3 at smaller screen sizes gets you some way there.. but this is the wrong way to do it
try using the stock vm templates -- so change the vmbeez5 html/com_virtuemart  to another name  -- then the stock vm3 templates will be used
Title: Re: Banners and Vender description Not adjusting for Mobile devices
Post by: websmith on December 02, 2015, 00:51:44 AM
I dont understand what you mean by renaming the path. I would then have to apply all the css changes to the new default.

If I choose to have the categories show in shop as default home page, it appears to be responsive, as does rest of site. ??? I have to give up on this at this point. I cant help but think it was my html / css coding that wasnt responsive for some reason