News:

Looking for documentation? Take a look on our wiki

Main Menu

Banners and Vender description Not adjusting for Mobile devices

Started by websmith, December 01, 2015, 14:13:33 PM

Previous topic - Next topic

websmith

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.

jenkinhill

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".
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

websmith

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?

jenkinhill

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

GJC Web Design

In other words jenks is suggesting why not use Joomla 3...  I build all my new ones in J3 now
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

websmith

I will do a full backup and give the migration a shot. Thank you very much.

GJC Web Design

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)
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

websmith

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?

GJC Web Design

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

websmith

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?

GJC Web Design

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

websmith

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