Moblie view conflict in Navemenu, Header, and Footer Banner in Sparkling

Hi @movin
I hope you are doing fine :slight_smile:
1- In mobile view the menu doesn’t look right. In header it is fully open and you can not close it.
2&3- footer and header banner width is responsive and works fine, but the height doesn’t respond to the screen size.
4- slider doesn’t respond to screen size.
attached you see the images related to each question.
Thanks

Hi @shavandi.ir,

I hope you are well today and thank you for your questions.

I have tested it on my test site and it’s working fine for me using latest version of Sparkling theme. You can also see it on this demo site that it’s working fine https://colorlib.com/sparkling/

This can be due to plugin conflict on your site so please try temporary deactivating all plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.

Also could you please share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,
Movin

Dear moving thanks for the prompt support
I tried some of the mentioned solutions, but it doesn’t work
URL: bemar.ir

I visited your shared site and troubleshooted the issue.

1- In mobile view the menu doesn’t look right. In header it is fully open and you can not close it.

It is happening because of the following custom CSS that you have used on your site.

.navbar-default .navbar-collapse {
    display: table !important;
    text-align: center;
    margin: 0 auto;
}

To resolve the issue please remove the above custom CSS code from your site and use the below modified custom CSS code.

@media (min-width: 992px){
.navbar-default .navbar-collapse {
    display: table !important;
    text-align: center;
    margin: 0 auto;
}
}

2&3- footer and header banner width is responsive and works fine, but the height doesn’t respond to the screen size.

To resolve the issue try using the following custom CSS code.

#page .cfa img {
    height: auto !Important;
}
4- slider doesn’t respond to screen size.

It’s the meta slider issue that you are using on your site.

You can try making it a bit responsive by using below CSS code.

div#metaslider_199, div#metaslider_199 a {
    max-width: 100%;
}

@Movin
It worked like a charm, many thanks.
In case we do have any other question ( not a real question, some pieces of advice) from you, except theme support, how is it possible to ask?

You are most welcome here :slight_smile:

In case we do have any other question ( not a real question, some pieces of advice) from you, except theme support, how is it possible to ask?

You can ask it in this forum https://colorlibsupport.com/c/other/