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

TOPIC: After resized incorrectly displays menu, and slide

After resized incorrectly displays menu, and slide 5 years 3 months ago #14281

When I load the page: www.fose.eu/sklep in small window, and maximize window, the menu and slider displays incoretliy. But when I load the page in full size window, then I can change size of window and eveythink is ok.
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 3 months ago #14286

Hi,

When the "resize" happens (or when the website opens in a small screen, ie: mobile phone), the original menu-items are re-populated to create the responsibe-menu-block.. After resizing back to original, the responsive-menu-block doesn't repopulated back to stock, because it is not necessary.

Resizing the browser is not a "REAL" case.. You notice this failure because you are testing your website to see how it looks like in mobile phones, right?. But how many "REAL" user will open the website in a 700px browser and then increase the browser size? No body..

Regards
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 3 months ago #14291

Hi,
this situation happens very often on mobile devices, when you load the page on vertical position and then turn the phone or tablet to horizontal.

May be you can add:
window.addEventListener('resize', function(event) {
});
and update view for menu end slider

or use just HTML, and CSS
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 3 months ago #14296

Hi,

Yes, you are right, my mistake. On Tablets; changing orientations would trigger that failure.

I took a look at it and found an easier solution. Open this CSS file:
/templates/flexible_lightmart/css/custom.css

and insert this rule:
@media (min-width:768px) {
	#menu.wrapper { width:auto !important;}
}
 

You will be good to go.

FYI: Tested & confirmed on LightMart Live Demo: demo.flexiblewebdesign.com/lightmart/index.php

Regards.
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 3 months ago #14331

Hi, this work perfect for the menu, but can you also help with image slider, there is the same problem
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 2 months ago #14339

Hi,

I don't see any problem with the slider. What slider are you talking about? Does the same thing happen on our live demo?
demo.flexiblewebdesign.com/lightmart/index.php


Regards.
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 2 months ago #14362

Hi, yes it's happens on the demo page. When you load page in small width and then maximize the slider width is up to first loaded.
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 2 months ago #14392

Hi,

Can you try to implement this CSS rule:
.flexible_3d_slider > .rs-wrap {
    width: auto !important;
}

this should fix the slider's width problem upon resizing the browser.

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

After resized incorrectly displays menu, and slide 5 years 2 months ago #14415

Hi, this tip works,

thank you
The topic has been locked.

After resized incorrectly displays menu, and slide 5 years 1 month ago #14422

Glad to hear.

Case solved, topic is closed.

Regards.
The topic has been locked.
Time to create page: 0.091 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