Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Menu width on responsive template
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu width on responsive template
#53039
Menu width on responsive template 9 Years, 10 Months ago Karma: 0
I have set the menu width via CSS Styles with:

Code:

#{$id} LI.ux-menu-item-level-0
{
width: 263px;
border-bottom:2.5px groove #fff;
}



Once the width of the template goes smaller than 1200px I need that 263px to change to 213px or have it to change to the same size as the header of the menu. Is that possible?

Below is the problem I am having once the template width goes under 1200px. First pic is the way it looks at 1200px and bigger. The second pic is what happens once the template goes to 1199px and smaller.





Is there a way to make this happen? Thanks in advance.
The administrator has disabled public write access.
 
#53043
Re:Menu width on responsive template 9 Years, 10 Months ago Karma: 760
Hello,

You can use media queries to define different values for CSS properties based on screens resolution.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#53086
Re:Menu width on responsive template 9 Years, 10 Months ago Karma: 0
That worked great. Thank you!
The administrator has disabled public write access.
 
Go to topPage: 1