GK Extra Menu Drop Down Width

Good Day,

How do I increase the width of the GK Extra Menu drop down?

Thanks,
Steven

Hi,
in modern versions of template in Menu tab in Template configurations, this option is named "Menu column width"
but in older like yours, hmmm, only by css I suppose.

Show me your URL I will check

Hi There,

http://41.185.8.159/~sos01/

The Products and Services Menu is the particular issue.

Thanks,
Steven

Try this css code - it may help:

Code: Select all

#gkMainMenu .childcontent-inner-wrap,
#gkMainMenu .childcontent-inner,
#gkMainMenu .gkcol.first,
{width:260 !important}

Unfortunately this does not have any effect. I have CSS Override enabled.

ok, but why override.css is empty?
If you don't use this file, you can disable this option

Ok, I'm.checking again.

upsss my mistake I've forgot and you didn't check....
is
{width:260 !important}
and must be
{width:260px !important}

I hope that see difference, please add "px"

Hi There,

I should have seen that. It still didn't unfortunately have any effect. I have other custom CSS code working so I am not sure why this isn't taking effect. If I edit these values manually in Chrome it works 100%.

Thanks,
Steven

hmm, try this:

Code: Select all

.childcontent-inner-wrap,  .gkcol.first,
#gkMainMenu > div > ul div.childcontent-inner
 { width: 260px !important; }

Worked perfectly. Thank You

Second or Third shot (try) is better in most cases