Duplicate entry \'8333026\' for key \'jos_fb_whoisonline.PRIMARY\' SQL=INSERT INTO jos_fb_whoisonline (`userid` , `time`, `what`, `task`, `do`, `func`,`link`, `userip`, `user`) \n VALUES (\'0\', \'1714278105\', \'Menu width on responsive template\',\'\',\'\',\'view\',\'https://www.ari-soft.com/index.php?option=com_kunena&Itemid=54&catid=36&func=view&id=53039&lang=en\', \'18.223.171.12\', \'0\')
Menu width on responsive template
(0 viewing)
| | |
TOPIC: Menu width on responsive template
|
Menu width on responsive template 9 Years, 3 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.
|
|
|
|
|
Re:Menu width on responsive template 9 Years, 3 Months ago
|
Karma: 748
|
Hello,
You can use media queries to define different values for CSS properties based on screens resolution.
Regards,
ARI Soft
|
|
|
|
|
Re:Menu width on responsive template 9 Years, 3 Months ago
|
Karma: 0
|
That worked great. Thank you!
|
|
|
|
|
|
| | |