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