Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Responsive Joomla Virtuemart Template - CoolMart (SKU# FLEX-00014)

TOPIC: Problems on Ipad and Iphone (menu) + 3D slider +

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8515

Hello I could encounter some problems with the ipad and iphone
ipad
Ipad: up menu disappears when dropdown menu is activated (see picture)
Ipad and Iphone: when you click on the thumbnail image will not grow in a popup window but in so we can not close and you must use the browser's back button
Ipad and Iphone: The Flexible module - 3D Slider Module is very strange on mobile. When changing page orientation or often it no longer appears.
These problems are the same on your demo version on your site.
If you want to see on line
smp-web-design.com/popol/

sorry for my bad english

Thank you in advance for your answers and solutions
Attachments:
The topic has been locked.

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8531

Hi,

Your menu items are too long. So when the iPad is the device (landscape) the menu items and the LOGO doesn't fit side-by side.

The menu items are dropped 1-line below, when the menu Dropdown scroll down, it overflows the menu items. This is what is happening in your website. You may visit our DEMO with your iPad, this kind of thing doesn't happen in our DEMO: demo.flexiblewebdesign.com/coolmart/

because the "MENU" we have in our demo isn't as long as yours.

There are 2 ways to solve it.

1st Method. Decrease the website width.
Navigate to Joomla Backend >> Template Manager >> flexible_coolmart

And change the "Template Width" to "980"

Attachment Pasted_Image_2_15_14__1_55_AM-4.png not found





2nd Method

Open this CSS file:
/templates/flexible_coolmart/css/responsive.css

scroll to the bottom and include this CSS rule:
 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    div#headerbar { width:870px !important;}
}

The above CSS rule means:
If the device resolution is 1024px and if the orientation is landscape (holding the iPad horizontally) the CSS rule will be activated.

Keep this in mind: iPad (landscape) has 1024px width resolution.
More info: stephen.io/mediaqueries

When that CSS rule above gets activated, the #headerbar element will have width:870px value. The #logo element has 150px already, so 870 + 150 = 1020px which is lower than 1024px. So the LOGO and the MENU ITEMs will stay side-by side with a 1024 resolution (iPad) and the problem will be gone.

Understand the idea?

About the 3D Slider module. I can't provide you any support about it. Because this is how the module gets developed. It doesn't "continuously" check the screen resolutions. The slider check the screen resolution when the page gets loaded, and then starts working. If the screen resolution is changed (either by resizing the browser on PC or changing the orientation on iPad) the slider doesn't know what to do, because the previous resolution wasn't valid anymore.

This is a drawback of our 3D slideshow module. This is actually why the module is FREE, and anybody can download it from our website: flexiblewebdesign.com/Virtuemart-Modules/Responsive-Joomla-3D-Slideshow

3D Slideshow module is not perfect. You may find an alternative slideshow module if you would like. There are many FREE slideshows module around the web. Try NivoSlider: extensions.joomla.org/extensions/photos-a-images/slideshow/image-jquery-slideshow/17644 (i don't know if it is responsive or not though)

or check here for more slideshow modules: extensions.joomla.org/extensions/photos-a-images/slideshow/image-jquery-slideshow


Regards,
Support
Last Edit: 10 years 2 months ago by Support.
The topic has been locked.

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8545

Thank you for your clear and precise answers for the problems of slider and menu
But I find it's a pity to put on a paying version a module which does not work because that this is free
Sort, but I did not see your concerning answer :
Ipad and Iphone: when you click on the thumbnail image will not grow in a popup window but in so we can not close and you must use the browser's back button.

Thank you again for your help and excuse I for my bad English
The topic has been locked.

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8557

Hi,

We are taking our DEMO as reference while providing support. Because you have purchased our template by looking at the DEMO. Templates are sold "as is". This is why we have running live DEMO, instead of screenshots.
Nothing is perfect, this is also why we keep releasing updates to improve the bugs/missing things.

FYI: The slideshow works just find in our DEMO with iPad. I just talked to the developer, he said the slideshow is working fine even though the screen resolution changes. I also tested the slideshow module in our DEMO (demo.flexiblewebdesign.com/coolmart)with my iPad. I changed the orientation from landscape to portrait couple times. The Slideshow module was working just fine without any single problem - I m using iPad 3

About your other enquiry:
Ipad and Iphone: when you click on the thumbnail image will not grow in a popup window but in so we can not close and you must use the browser's back button.

It is also same in our DEMO. It is a known problem and hopefully it will be fixed or replaced with a better UI in the next version of CoolMart.

Regards,
Support
Last Edit: 10 years 2 months ago by Support.
The topic has been locked.

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8582

Thank you for the clarification but you must understand it is difficult on a demo to test all possible problems.
About expanding thumbnails on iphone and ipad I hope you can provide a solution quickly because this is really a big problem
Thank you in advance
The topic has been locked.

Problems on Ipad and Iphone (menu) + 3D slider + 10 years 2 months ago #8608

Hi,

The responsiveness layouts of our templates will definitely be revised/improved in the upcoming versions, that's for sure. We are aware of it.

Case solved. Topic is locked.

Regards,
Support
The topic has been locked.
Time to create page: 0.108 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo