Ares Murphy - Tablet Portrait View Show Mobile Menu Instead Of Full Menu - Question | JoomShaper

Ares Murphy - Tablet Portrait View Show Mobile Menu Instead Of Full Menu

Claire Haas

Claire Haas

Template 1 month ago

Hi,

In the Ares Murphy template, how do I make the tablet portrait view show the mobile menu instead of the full menu please?

Kind regards Claire :-)

0
7 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #159260

Hello Claire Haas

Please use this CSS to

Template Options -> Custom Code -> Custom CSS

@media screen and (max-width: 768px) {
    .sp-megamenu-parent {
        display: none !important;
    }
    #offcanvas-toggler {
        display: flex !important;
    }
}

You may follow this documentation too.

Best regards

0
Claire Haas
Claire Haas
Accepted Answer
1 month ago #159263

Hi,

Thank you. I have just tried and it doens't work for me. I tried the variations from the link too (using 768 and smaller).

I have added admin login below, if you would be kind enough to help me please.

Kind regards Claire :-)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #159274

Okay, I have removed the CSS. Now it looks like this (in the hidden content). What do you want to show? This menu or offcanvas menu?

0
Claire Haas
Claire Haas
Accepted Answer
1 month ago #159277

thank you. As you can see the full menu does not sit correctly, it is bunched up and doesnt sit horizontally. I would like this view to show the mobile 3 bar menu instead please.

Kind regards Claire :-)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #159283

I have changed the column size for tablet device. Please check it now.

https://prnt.sc/xyVGwyWX0hfm

0
Claire Haas
Claire Haas
Accepted Answer
1 month ago #159284

awesome, thank you very much.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #159297

You are welcome 😊

0