Shaper Cuisine Template Fancy Menu Display Garbled In Mobile View - Question | JoomShaper
Back to the questions

Shaper Cuisine Template Fancy Menu Display Garbled In Mobile View

JS

Joshua Sox

Template 4 years ago

as title denotes. classic menu able to be fixed by flex-direction on the row and resizing h4 to 50% width, but the fancy menu is not quite the same structurely. it appears the fancy menu is not responsive at all, no flex-wrapping is occuring. any ideas thanks in advance.

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #17253

Hi there!

Sorry for the inconvenience!

Would you please share your site URL here to check the issue?

Did you mean offcanvas menu with fancy menu? Please clarify with screenshot/screencast.

Best Regards

0
JS
Joshua Sox
Accepted Answer
4 years ago #17260

its not offcanvas view in mobileview, scroll down to the red fancy menu and youll see the carnage. thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #17686

Hi there!

Please use the following code in your custom CSS:

@media (max-width: 767px){
.sppb-addon-fancy-menu .sppb-addon-content ol >li .sppb-menu-price, .sppb-addon-fancy-menu .sp-fancy-menu-content h4, .sppb-addon-fancy-menu .sp-fancy-menu-content{
    font-size: 13px;
}
}

Hope this will solve the issue for you!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

0