Menu question

I don’t like the drop down menu style with my stack, which looks like this:

I would prefer something like the menus on this demo page, which open up neatly below the top menu item.

Is there a way of doing it within my current stack? Do I need to upgrade to X Pro to do it?

Thanks for your help.

Andrew

Hello Andrew,

Thanks for writing in!

Please add following CSS to change menu position:

.x-navbar .desktop .x-nav > li ul {
    top: 70px;
}

Change top value as per your requirement.

Thanks.

Hi Prasant, thanks for the code, but I wanted to change the design of the menu completely. The menu with the stack I use is ugly and impractical when you add sub-menu items. I’d prefer a neat menu like the one in the renew 1 stack. Is there a way I can do that without changing the stack that I’m using?

Even the menu on the demo for my stack looks a lot better than mine.

http://demo.theme.co/ethos-1/

How do I get a menu like that? I’m happy to change the color from white to something else to make it work.

Thanks!

I’m wanting to know this exact thing. Was about to write in and saw this. Waiting to see Support’s reply … thanks.

Hi There,

Please clarify what you are trying to change specifically and please share your URL

@Happygolola, please open a new thread describe your situation and share your URL.

Thanks

Hi, the website is http://www.creative-photographer.com

I would like to add a megamenu in the style of the one on this demo, although not necessarily with those colors.

http://demo.theme.co/ethos-1/

Hi There,

Please refer to : https://theme.co/apex/forum/t/features-megamenus/99

Hope it helps!

Hi Joao,

Thanks, I’ve visited that page and tried to do what it says but the problem is the megamenu on my website doesn’t look anything like the megamenu on http://demo.theme.co/ethos-1/

The screenshot shows you how the megamenu appears on my site.

It doesn’t look anything like the megamenu on the demo site at all. The text is too big, the color is wrong, it’s horrible!

Where am I going wrong? Can we fix this?

Thanks,
Andrew

Hey Andrew,

Thanks for updating in!
Could you please create a test page and assign your mega menu in it so that we can check it out? You may assign by editing the test page, look for the “Page Settings” and assign the menu in One Page navigation option.

Please let us know how it goes.

Hey guys, sorry for the delayed reply, it’s been a busy end to 2017 and I had other stuff to take care of. I’ve set up a test page so you can check out what’s happening with the mega menu.

https://www.creative-photographer.com/mega-menu-test-page/

Hello There,

I have checked your page and I have seen your menu. You only have two menu items. The mega menu will consists of a parent menu item, the menu headers and the sub menu items. If you want to change the font size of the existing menu headers at the moment, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.desktop .x-nav .x-megamenu>.sub-menu>li>a {
    font-size: 13px;
    font-weight: normal;
    text-transform: capitalize
}

.desktop .x-nav .x-megamenu>.sub-menu a {
    font-size: 12px;
}

Hope this helps.

OK thanks I understand better how the mega menu works now. I don’t think I can configure it to how I need it to look, so I will stick to the regular menu.

Hi there,

Yes, it depends on your preference and it would require customization if you wish to extend it looks and layout. And yes, you may still use the regular menu.

Thanks!