[Arjan]

Hi!

I’m Arjan and I’m using the Zubin Pro theme and in the topright corner of the webpage I built there should be two icons for the menu (the three lines) and search (the looking glass), but they don’t show and all I see is a square. The same goes for the ‘move up’ button that appears after scrolling down – that one is also just a square.

Is this a known issue and can anyone help me in solving it?

Thanks!

[Skandha]

@arjan: Hello Arjan,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[Dainesatelier]

Hi, I am also expecting this issue where the menu won’t work on Zubin Pro.
This is on Mobile and Tablet.

My web address is wwww.dainesatelier.com

[Arjan]

@skandha Hi! Thanks for your reply!

The address is: https://janvandenbergstraat74.nl

As you’ll probably see in the topright corner; there’s just an empty square there instead of the menu-icon …

[Skandha]

@arjan @dainesatelier: Hello there,
This seems to be due to the Elementor Plugin you are using. Try deactivating the plugin and check if the icons appear.

Let me know if the issue persist!
Kind Regards,
Skandha

[Dainesatelier]

Hi Skandha,

Thank you for getting back so quickly!
I’ve deactivated the plug-in and the icon now appears.
However if I click on the menu it won’t open 🙁

any advice on what to do?

Evie

[Skandha]

@dainesatelier: Hello Evie,
I checked your site on my phone and the menu seems to be opening fine. Can you let me know on which device you are having this issue? Also try checking the issue on other mobile phone.

Kind Regards,
Skandha

[Dainesatelier]

Hi! I’m using an iPhone. I’ve had the feedback from a fair few people.
Evie

[Sakin]

@dainesatelier: I see that you have the “Elementor” plugin and it is loading old Font Awesome CSS “Font Awesome 4.7.0” and Zubin Pro is using “Font Awesome 5.13.0”. So, until the Elementor plugin update the Font Awesome CSS, you need to add the following CSS in “Appearance => Customize => Additional CSS”

.menu-toggle:before,
.menu-toggle.selected:before,
.comment-reply-title small a:before,
.search-toggle:before,
.search-submit:before,
#scrollup:before {
	font-family: "FontAwesome";
}

[Dainesatelier]

Hi Sakin!

Have done this, but now the menu icon has disappeared again

Evie

[Sakin]

Hi Evie,

I don’t see the CSS that I gave you on your site. Can you let me know once it’s added on your site and then I will debug it.

Regards,
Sakin

[Dainesatelier]

Hi again,

It’s appearing on my additional CSS section and is saved

Evie

[Sakin]

Hi Evie,

Sorry, I was looking at a different site from Arjan.

Your site should work without the CSS. Can you remove the CSS I have you and let me know it. I will check in iPhone.

Regards,
Sakin

[Sakin]

It’s working on both the iPhones I tested from.

iPhone 11 Pro MAx: https://catchthemes.com/wp-content/uploads/2021/02/iPhone-11-pro-max.png
iPhone X: https://catchthemes.com/wp-content/uploads/2021/02/iPhonex.png

[Arjan]

This is great, thanks so much for your help @sakin. The custom CSS solved the problem!

Case closed 🙂

[Author]

Posts