Drop down menu not working - the X

Hello, the drop down menu on this site is not working http://theframelibrary.com/wp/. I have read that updating both cornerstone and the x might fix this but i cant see how to do this, appearance/theme does not indicate an update needed and conerstone is already on the latest version Can you help?

I activated the x theme and then re-activated child theme, this seemed to kick things into action and I could then update theme. Now, however, the drop down is floating above the menu in a white box. How do i format the drop down

Hey Marco,

It’s because of your custom CSS. To test this, please remove all custom CSS in your site most especially in Theme Options > CSS and see if the issue will persist. If it’s fixed, remove CSS code blocks one at a time or use the browser’s element inspector to see what CSS is affecting the submenu.

Thanks.

Hello I removed all the CSS but unfortunately the problem is not fixed, please help

In fact if I remove all the CSS the header is a white box, and the sub menu is a white box therefore not allowing viewers to see the white font menu links

i found the soloution:

.x-navbar .desktop .sub-menu {
background-color: #9a9185;
}

Surely the ability to change the background colour of header and sub menus should be an option without needing CSS input? I believe other stacks have this functionality

Hey Marco,

X header is designed with the ready to go basic settings so we often receive header related customization questions or requests and this was the reason why a header and footer builder was created and an advanced X version was formed now called Pro. Please consider upgrading to Pro so you can build a custom header yourself without custom coding. In case you upgrade to Pro and you get stuck with the options, we’re here to assist all the way.

You can also checkout https://theme.co/docs/converting-from-x-to-pro and https://theme.co/docs/the-difference-between-x-pro

Hope this helps!

Thanks for the info, I would like to upgrade but time is is not on my side. in the interim can you give me some tips to format the sub menu, I would like to align it centrally or to the left with the text on the main menu and drop it below the main menu, not above. Remove the drop shadow and adjust the distance away from the main menu?

Thanks

Hi Marco,

Here’s your guide:

You can inspect the element to check correct selector and then override the existing style. Custom CSS can be added on Theme Options > Global CSS

See this sample: https://screencast-o-matic.com/watch/cYhoQpkX7L

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