Virtuemart Support :: Topic: Problem with menu-responsive (1/1)

Welcome, Guest

Use this Category for your support questions about Responsive Joomla Virtuemart Template - LightMart (SKU# FLEX-00012)

TOPIC: Problem with menu-responsive

Problem with menu-responsive 7 years 10 months ago #14253

Raúl Ramón Val

I have 2 problems with menu in lightmart:
1. Problem with menu-responsive:
In www.cucutboutique.es don´t see the menu in responsive mode
www.univershop21.es see it but don´t works. I don´t see the submenus.

2. if i do the screen little but not in responsive mode the items of menu don´t works fine. i´d like the sub-menu items go on the left because now appears in the same position and some disappears and don´t see.

Attachment error-menu.png not found

Thanks

The administrator has disabled public write access.

Problem with menu-responsive 7 years 10 months ago #14261

Support

Hi,

Looks like there is problem with the responsive menu. This will be patched permanently in the upcoming LightMart release. But for now; follow these steps to fix it by yourself.

1- Open this JS file:
/templates/flexible_lightmart/js/template.js

2- find this line:

$('.menu-responsive-button').on('click', function() {

3- Replace it with this:

$('.menu-responsive-button span').on('click', function() {

4- Open this CSS file:
templates/flexible_lightmart/css/custom.css

5- Insert these CSS rules:

.menu-responsive-button { border-color:#000; background:#000;}
.menu-responsive-button span {
  position: relative;
  background:none;
  border:none;
}
.menu-responsive-button span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(
    to bottom, 
    white, white 20%, 
    transparent 20%, transparent 40%, 
    white 40%, white 60%, 
    transparent 60%, transparent 80%, 
    white 80%, white 100%
  );
}

Then everything will be good to go.

FYI: If you resize the browser & click the responsive-menu-icon button; button might not work. But if you refresh the page while the browser is small, then it will work.

Regards.

Last Edit: 7 years 10 months ago by Support.

The administrator has disabled public write access.