[centaine]

Hi,

I’m building my website with the Catch flames pro theme.

Yesterday I tried to open the website on my mobile to check if everything is responsive. And I noticed that the top menu bar (in black) disappears when opening on mobile.

Do you have any ideas to solve this?

This is my website:
http://www.zwartopwitdesign.nl

Thanks in advance.

Kind regards,
Centaine

[Mahesh]

@centaine: In your Custom CSS, you have following CSS:

#branding { 
clip: rect(1px 1px 1px 1px); 
/* IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute; 
}

And it is causing the issue.

Regards,
Mahesh

[centaine]

Hi Mahesh,

Thanks for your reply.

I tried the code you gave, but no result.

Is there something else I can try?

Regards,
Centaine

[Sakin]

@centaine: You shouldn’t add that CSS. You need to remove that css.

[centaine]

@Mahesh: I tried to remove the code but still the header is not visible on mobile devices. Do you have another solution?

Kind regards,
Centaine

[Sakin]

@centaine: I just check in your custom css in your site. You still have following css. Can you go to “Appearance => Customize => Theme Options => Custom CSS Options” box and remove following css:

#branding { clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute; }

I will email you to check in your server.

[Author]

Posts