Widht of sub menu via suffix class

GK User
Tue Oct 30, 2012 11:30 pm
Hi,

i want to change the width of submenu.

i discovered a former solution ( https://www.gavick.com/component/p8pbb/ ... Itemid=358 )

but the link with the real solution doenst work anymore https://www.gavick.com/support/forums/102/13705.html



i already know to add this in override.css

Code: Select all
.myclass > .childcontent {
    width: 100px!important;
}



but where i have to use the suffix class in the gkMenu?

Thanx Martin
User avatar
Fresh Boarder

GK User
Wed Oct 31, 2012 9:25 am
The suffix for menu item you can add in selected menu item, please just open menu item edit page and look there.
User avatar
Platinum Boarder

GK User
Wed Oct 31, 2012 3:57 pm
Thanks, the suffix class works well, is not wat i really want ....

i discoverd that the width (400px) of gkMenu (GK extra Menu) depends on the inline statement and is not directly loaded from a css file ... where does it come from?

actually i want expand the width of the whole submenu from 400px to 600px
and accordingly the gkcol width from 200px to 300px


Code: Select all
[b]Element {
    width: 400px;
}
[/b]

<div class="childcontent" style="width: 400px;">
    <div class="childcontent-inner-wrap" style="width: 400px;">
       <div class="childcontent-inner" style="width: 400px;">
            <div class="gkcol  first" style="width: 200px;">

            ...
            </div>
        </div>
    </div>
</div>



i hope you can help?

Thank you very much
User avatar
Fresh Boarder

GK User
Fri Nov 02, 2012 9:13 am
Suffix with !important declaration is the easiest way which avoid modifying core template files and future update problems. Please show me your site and tell me which menu item has custom suffix I'll give you proper code.
User avatar
Platinum Boarder

GK User
Tue Sep 17, 2013 2:17 pm
Hi, i have the same problem.

I added these lines into override.css but nothing changed...
Code: Select all
#menu256.childcontent-inner-wrap,
#menu256.childcontent-inner-wrap.childcontent-inner,
#menu256.childcontent-inner-wrap.childcontent-inner.gkcol{
width:350px!important;
}


Can you help me?
User avatar
Senior Boarder

GK User
Wed Sep 18, 2013 8:54 am
Could you show me your site URL ? It is always easier to check CSS/HTML code on live site.
User avatar
Platinum Boarder

GK User
Wed Sep 18, 2013 9:11 am
www.15.19ensemble.it
I will PM you user e password for the access.

I want to enlarge the Ensemble's submenù, I want to see "Francesco Pasqualotto - pianoforte" in the same line.

Thanks
User avatar
Senior Boarder


cron