0
Not a bug

Pavilion Theme the menu does not work on mobile

Johnny 10 months ago • updated by Harry J (Support Agent) 9 months ago 5

The menu button does not function on mobile

Answer

Answer
Not a bug

Hello!


Thank you for contacting us.


In order to correct this, you can use Custom CSS if you are not using the Widgets labeled "Below Primary Navigation"

An example of this type of code would be as follows:



@media (max-width:768px) {
    .main {margin-top:23px;}
}
@media (min-width:768px) and (max-width:992px) {
    .main {margin-top:-95px;}
}
@media (min-width:992px) {
    .main {margin-top:-55px;}
}


This can be applied in the Customizer, via the Custom CSS Editor. We have further information on using that in our Support Center, which can be found here: https://www.boldgrid.com/support/using-the-customizer/how-to-use-the-custom-css-editor/


Please let us know if you require further assistance, we are glad to help!

GOOD, I'M SATISFIED

Thank you it worked :)

Satisfaction mark by Johnny 9 months ago
Under review

Hello Johnny,


Thank you for contacting us.


The problem you are explaining can occur if you are not using the header widgets in Pavilion. You do have the option of using Custom CSS in a case like this, but I will be sure to provide your feedback to our development team for consideration.


Please let us know if we can help any further, we are glad to help out!

Hi,


I also encountered the same issue.  I have widget above the Primary Menu, and WordPress, theme and all the plugins are updated.


I really like the Pavilion, I do wish to make the menu work on mobile. Please enlighten us. 


Thank you.


Answer
Not a bug

Hello!


Thank you for contacting us.


In order to correct this, you can use Custom CSS if you are not using the Widgets labeled "Below Primary Navigation"

An example of this type of code would be as follows:



@media (max-width:768px) {
    .main {margin-top:23px;}
}
@media (min-width:768px) and (max-width:992px) {
    .main {margin-top:-95px;}
}
@media (min-width:992px) {
    .main {margin-top:-55px;}
}


This can be applied in the Customizer, via the Custom CSS Editor. We have further information on using that in our Support Center, which can be found here: https://www.boldgrid.com/support/using-the-customizer/how-to-use-the-custom-css-editor/


Please let us know if you require further assistance, we are glad to help!

It worked thank you very much , and love your service and help support 

You are very welcome. Glad we could help out!