Mobile Menu Button 1st Jan 2019

Support
#1

Hi Guys,

I just purchased you theme which is great but as you can see no mobile menu appears, what am I doing wrong.

https://www.youngstrainingandconsultancy.co.uk/devsite/

Do you want me to give you access so you look at it?

Colin Hughes

#2

Hi Colin,

Thanks for writing in!

I can see you are using the incompatible version of Cornerstone and the theme. Please update the theme and cornerstone, to the latest version for a possible Fix.
Please check 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. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.
  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

Hope this helps!

#3

Thanks for this I updated the theme but still no sign of mobile menu icon, should I send you the wp login details?

#4

Thanks for this, I updated the theme but still no sign of mobile menu icon, should I send you the wp login details?

#5

Hi Colin,

Please add this code in X > Theme Options > CSS:

.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover, .x-btn-navbar:hover {
    font-size: 28px;
    color: #000;
}

Hope this helps.

#6

Thanks guys, love this theme, do you have any plans to give more control ove the mobile menu?

Position of icon
Overight or push down across left or right
Colors

Colin

#7

Hello Colin,

As for X, you will have to add some more custom CSS in order to further customize the hamburger menu. Pro has the capability of customizing the display of the mobile menu.

But to get you started, please try this code in the Global CSS:

@media (max-width: 767px) {
    .x-logobar {
        float: left;
        width: 80%;
        position: relative;
        z-index: 9999;
    }

    .masthead-stacked .x-btn-navbar {
        float: right;
        margin-top: 30px;
    }
}

If you want to change the color of the mobile menu icon, you can change the color value in the code I previously provided.

Here are some related links for further reading:

Hope this helps.

#8

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