Issues with FancyBox, and how to show the menu on mobile devices

I have two questions and need you help.

  1. All the icon is not showing properly because fancybox.getInstance is not working.

  2. How to display the menu on mobile devices. The menu is currently showing on the desktop, but not showing on any mobile devices. if the menu is related to fancybox, it could be the reason.

here is web link. www.ilinkcanada.com

Can you help me solve these two problems, thanks.

this attachment is info about the fancybox

And the third question, how to get rid of the title for all the pages.
i sat the attribute of title to hide in all the pages, however, it’s still displaying the page title

Also, when the website size is half, all the menu is not showing because there is no enough space to show them all. It suppose to have a button that collapse all the menu. however, this button is also not showing in my website. Need people help me out.

Hi there

Hope you are having a good day and thank you for your question

  1. which icons is not visible? where exactly?
  2. menu can be displayed by this css, add it in appearance > customize > additional css:

@media only screen and (max-width: 992px){
.open-responsive-menu .fa {
color: #080808;
}
}
3. show me an example of the page title, please provide url of the page

Thanks!
Colorlib Support Team

Hello, the menu is working right now after using the code you provide to me.
However, the menu icon looks like a square because all the icon is not working in my site right now.

There is a button in the latest new section, it suppose to have a icon, however, it looks like a square not a icon in the home page, Here is the link: https://www.ilinkcanada.com/

Also if you click that button, it will open the blog page. It suppose to have the icon beside the date, however, it looks like the square as well. Here is the link:
https://www.ilinkcanada.com/blog/?customize_changeset_uuid=d0cd17b6-d340-4893-8ba6-ecc8a957586f

Additionally, all most all the pages show the page title in the header.
I just provided two links below, and you can have a look.
https://www.ilinkcanada.com/成功案例/

https://www.ilinkcanada.com/联络我们/

if you inspect the website, it will show some errors related to the Fancybox. SInce fancybox is related to all the icon, it could be the reason.

Hi there

First of all, lets organize your problems, please use numbers to categorize them otherwise its hard to get :smiley:

  1. menu icon, rectangle icon, and fancybox - deactivate all third party plugins and try again your problem, most probably this I conflict with third-party plugins.
    Once you deactivate all plugins please check your problem again, if the problem is gone then this means it was a plugin conflict. Now, start activating plugins one by one and same time repeat your problem until your problem appears again, now you know which plugin was in conflict
  2. page title - this is how it should work, page title can be configured from appearance > customize

Thanks!
Colorlib Support Team