Crossfit2 home banner and menu in mobile resolution

The home banner and the menu list are not responsive in mobile resolution. I do see so some css class related to mobile resolution, but not reflecting. How do I fix it?

Hey there

let me see it, please provide a link to your website

Thanks for the response. Here is the link for the site

I am looking forward for your help. Also like to mention its the same with inner page banners.

Hi there

This css code can fix your problem:

div#mobile-menu-wrap {
    display: block;
    position: relative;

You can add it at the bottom of your css file

Thanks it worked. But all the menus are not displaying. I have placed the logo in the center of the page and either side have given the menus. Only the first part of the menus are displayed in mobile resolution and the other part of the menus are not displaying. Shall I share the header part code??
And also the banners are responsive in both header and inner pages.

Hey there

Yes, I see, looks like this is how the theme is coded, you may see the exact same effect on the main demo, in order to make changes you have to customize the existing style of the header,

Hi, how about the banner image(home and inner page) responsive in mobile. Currently its not responsive.

@haby we have exact same working behavior on our main demo of this template, most probably this will require some customization to change those images for mobile screens

In the crossfit2 , I see Magnific Popup css being used but there is no template using the same. Can you please share the Magnific Popup template.


Hi @haby

Sorry, but not clearly get what you meant in your last message

In the css folder there is magnific-popup.css file, but I do not see using of the magnific pop in the template.

Hi there

Well, its not used, but if you want you can use it, you can also detach that file from the html files