Change The Float of Integrity Submenu

Hi. We have tried many CSS to change the float of X Integrity Stack submenu, but it’s not working. Any suggestions to change the float of the submenu to go right instead of left?

Thanks!

Hi There,

To change the submenu to the right, please add this custom CSS under Theme Options > CSS:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    right: auto;
    left: 98%
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!

Thanks for the support. But I found out part of the problem is because the custom CSS in the X Customizer is not being updated. Have tried to clear CDN cache and deactivating plugins… Etc., but still not updating. Any suggestions?

Thanks!

Hi @sappoutsource,

Have you tried saving it in Pro > Theme Options instead of customizer? If you’re referring to the site in your account, the theme is old too and there is no sub-menu. But I’m not sure about the saving issue, would you mind providing your site’s URL and admin login credentials in a secure note?

I will be more happy to check the saving issue.

Thanks!

Hi. Yes, I was using X / Pro Theme Options customizer.

Hey William,

Please paste all your custom CSS in http://csslint.net/. If there are no errors, chances are. There’s a problem with saving. In which case, you should try the possible solutions listed below:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

  2. If you’re using a caching plugin, clear all caches including browser cache then deactivate your caching plugin and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. Remove all custom CSS (just try a simple CSS to test saving), Javascript and templates.

  6. Reset your htaccess file by renaming it to .htaccess-bak. Then in WP Admin Menu, go to Settings > Permalinks and just click the Save Changes button.

  7. Contact your host to increase your allocated memory or do it yourself by adding this code in your wp-config.php

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

Thanks.

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