Sub menu links not showing

Hi there, I have a one pager menu setup for the homepage following the guides here on how to set that up, and a main menu for the other pages.

See here

http://cloud204.temp.domains/~xv7ac71x/products-conveyors/

And the homepage, the submenu is blank? how can I fix this?

Also, the links from the homepage are not scrolling to the right area, ie just above the title, on the content band (if you use the menu on the conveyor page, they do scroll correctly)

If you cant see the site, please let me know your ip, so I can whitelist.

Thanks.

Hello @logoglo,

The submenus are actually not blank but you have added some custom CSS codes that set the navigation link color to white so the white submenu text blends in with the submenu background which is also white.

.x-topbar .p-info, .x-topbar .p-info a, .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li > a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: rgb(255,255,255);
}

To solve that, please update the code above to:

.x-topbar .p-info, .x-topbar .p-info a, .x-navbar .desktop .x-nav > li > a, .x-navbar .mobile .x-nav li > a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
   color: rgb(255,255,255);
}

Or add this code:

.x-navbar .sub-menu a {
    color: rgb(27,117,187) !important;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

I tried to check this but I am not able to see any issues with the scrolling because the links are scrolling to the correct section:

Hope this helps.

Hi, thanks, so, I didnt find that code that you say I added, anywhere, its not been added via the custom code…so I used your 3rd solution, which worked, BUT, the rollover effect has disappeared, how can I add that back?

Also the scrolling issue is not fro that page, its form the homepage to the product sections. On the product page,they work fine, and scroll to where they should, but please try from the home page.

thanks.

Hi @logoglo,

There seems to be a syntax error somewhere on your Theme Options > CSS, please check your entire custom CSS here and resolve all found errors (you can ignore the warning)

Thanks,

Thanks, I have fixed that, working fine now. However, the scrolling issue is still there…see the video, it scrolls to below the content (on the actual product page, this works as per your video above, its only from the homepage this occurs)

you might have to right click on the vid, copy video address, and paste into a browser to see, I dont know why it wont play here.

Hello @logoglo,

I have inspected the page and I found out that you are having this issue because you have added the ID in the column and not in the content band.

If you change your link from #ocs into #x-content-band-12, as soon as you click on this link, it should display correctly. So that you can continue to use the #ocs, you must remove the 40px padding of the content band and then add it in the column instead.

Hope this makes sense.

Ahhh…doh! thats a lot of work changing the links, so I will probably change the padding, thanks for your help.

Hi @logoglo,

I advise that you go for the Section ID, but if changing the padding works for you then that would work as well.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.