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.