Virtuemart Support :: Topic: menu responsive and custom width template (1/1)

Welcome, Guest

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

TOPIC: menu responsive and custom width template

menu responsive and custom width template 10 years 1 month ago #8796

SMP SMP	Hello I will wish to work on a template in 1080 px. But the problem is that my dropdown menu is to hight on Ipad landscape version. I wish I changed the dropdown 160px in height and responsive to this rule. When I visualize on firebug and I change . dropdown menu-dropdown {top: 160px;}. It works. Or should I change and what should I put in my responsive.css Thank you very much for your help
	Last Edit: 10 years 1 month ago by SMP SMP. The administrator has disabled public write access.

menu responsive and custom width template 10 years 1 month ago #8817

Support

Hi,

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

scroll to the bottom and include this CSS rule:

@media only screen and (max-device-width: 1024px) {
   .menu .dropdown {
    top: 160px;
}
}

The above CSS rule means:
If the device resolution drops below 1024px, the CSS rule will be activated. (which says: set the TOP value of the drop down to 160px;)

You can play around with the number of 1024px, carefully shrink the browser to figure out in what resolution (horizontally) that problem appears. It must be around 1024px but it can be little larger than it. It depends on your main menu width. So you need to figure that our by yourself for your website and re-calculate each time if you change the menu items. Because if you an another menu item to main menu; the width of menu will be changed.

Regards,
Support

Last Edit: 10 years 1 month ago by Support.

The administrator has disabled public write access.