Homepage menu styling different on lower (child) pages

Support
#1

Hi there,
Can you please tell me how to fix different header styling issues on my website?

The homepage styling is correct, set in Cornerstone.

The child pages are not created in Cornerstone and header is different. I need the child pages to have the same header/navigation styling as the homepage.

Social icons: The homepage header correctly does NOT display the social icons , but the child page does show these icons.
The font colors are different . It’s like the homepage styling (set in Cornerstone) has not taken effect on the child pages (not edited in Cornerstone).

Could you please have a look? I will send secure login info:


Many thanks!
Angela

#2

Hello Angela,

Thanks for writing in!

We cannot log in to your WP dashboard. We are seeing this:

see the secure note.

1.) You have inserted a broken HTML code in the topbar content.

<center><p>Phone <a ref="tel:0410 328 066">0410 328 066</a></p></center>

You should only be using this code:

<span style="text-align: center;">Phone <a ref="tel:0410 328 066">0410 328 066</a></span>

2.) You have added this custom CSS

.x-topbar .x-social-global {
    display: none;
}

This code hides away the social icons on the homepage. Please remove it.

3.) Please update to the latest versions. Could you please update to the latest versions?
Our latest versions are:

  • X theme 9.1.4
  • Cornerstone 6.1.4
  • WordPress 5.8
  • PHP 7.4

This latest release contains fixes for several issues so be sure to check out the changelog:

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.

Please let us know how it goes.

#3

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