Hello guys,

Thanks for that added bit of CSS code, it has worked as intended.

However, it has given me a new small issue. Regarding the top tiers of the menu, the ‘casino’ page and all other top tier menu items remain white on the MOBILE version of the menu. Which means it is white on white for mobile (a visitor cannot see which page they are on looking at the menu when on a top tier page), this is ok for desktop because you can see the top tier menu item when you are on a top tier page as it’s white menu item text on a dark background. Please see the following screenshot of desktop version which is OK…

But on mobile, we added CSS earlier to stop logo overlapping (this post – here) so now, the mobile menu needs additional CSS to ensure that top tier menu items on mobile are not white text on white background for the page a visitor is on. Please can we make it purple text on white background for the mobile version of the menu top tier items?

Please see the following screenshot for the mobile version which shows top tier menu items are white text on white background (the lower tiers are fine as they become purple text on a white background when a visitor is on 1 of those pages)…

I am sure this is the final step to get all my regulator compliance complete, thank you so much for your support so far, I will be recommending you guys to fellow developers and site owners:)

Thanks and kind regards,

Baz

Hello,

Thanks for your response above, I have followed the documentation given regarding child-theme creation. However, the issues mentioned in the previous post are still happening once I have made the child theme as per your instructions. Please see the screenshots below:

buttons are broken (not all visible and are all enlarged) which allow the user to select options on ‘Main Slider’ section. Space below this section (and above the ‘services’ element) wasn’t there before child-theme was activated.

In the top-right of the screenshot^ – the arrows to slide the ‘Gallery Slider’ appear broken after child theme install and activation. They are facing wrong way and look distorted, however, they do function as they are supposed to.

This screenshot^ of the same area – ‘Gallery Slider’ the buttons below it are enlarged after child theme activation.

These issues are on this URL: https://www.royalzee.com/

I have left the website with the errors on for now so you can see it in live form. Please can you check my child theme? I am 100% sure I have created it correctly, created the files within it correctly as well as the enqueuing code.

Thank you