X Theme Icon Stack - After Updating to 6.2.5, Menu and Social Icons not showing on Mobile

Support
#1

Hi there.
Since recently updating XTheme to version 6.2.5, the social icons above the logo, and the menu are not showing on mobile. When I look at mobile within the desktop Theme Options Customisation area - the mobile menu is there. See screen shots attached.

Also, how can I give the menu a background colour?

Thanks.

#2

Hello @borerdatasystems,

Thanks for asking. :slight_smile:

I checked the website (https://www.borer.co.uk/) and I can see that X Theme has been updated to the latest version 6.2.5. However, I see that you haven’t updated Cornerstone and on website you are using version 3.0.4. Version of Cornerstone and X Theme you are using is in-compatible. In that regards please update Cornerstone to the latest version 3.2.5.

To update Cornerstone, you can take a look at following article:

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Thanks.

#3

Thank you so much. That has fixed the issue. The reason I had not updated Cornerstone is that it said ‘compatibility with Wordpress version unknown’.

Can you help with the following please:

  1. How can I give the mobile menu a colour background?
  2. There is a solid colour bar above the header on mobile (grey block) - it contains the google analytics code. It doesn’t show on the desktop version when I look at the mobile layout on the Theme Options Customisation.
    How can I remove it without losing the Google Analytics code?

Thank you.

#4

Hey @borerdatasystems,

1. The Icon Stack does not have a background color for the mobile nav button. If you need a configurable header, you need to upgrade to Pro.

If you wish to stay with X, you will need to use CSS. I’ll give you an example but please note that we will not be responsible for coding your design as that would be a custom development job which is not a part of our support service. Please see our Terms

Add this code in Theme Options > CSS.

.x-btn-navbar.collapsed {
    color: rgba(0,0,0,0.185);
    background: darkgreen;
    padding: 8px 10px 10px;
}

2. How did you add the analytics code? It’s being outputted inside the body tag causing that gray bar. It needs to be removed in the place where you’ve added it.

If you’re using our Google Analytics extension, chances are, you placed the code in the Meta Tag field.

That field is for the Meta Tag verification method discussed in this article. It’s not the place to put your analytics code.

You only need to put your analytics ID inside the Google Analytics ID field.

Hope that helps.

#5

Thanks so much for your help. All sorted.

#6

You’re welcome. Glad we could help.

#7

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