Button In Menu To Display On Mobile Device - Question | JoomShaper
Back to the questions

Button In Menu To Display On Mobile Device

OH

O. Harris

Template 3 years ago

I am using the template Fortune and would like the button that displays in menu area on large screens, to also display on mobile device.

See demo site address - http://janadians.com/maple/

Joomla version 3.9.25

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

Hi,

You can use the following code then instead of the previous:

@media (max-width: 767px)
{
#sp-logo.col-12{
    flex: 0 0 30%!important;
    max-width: 30%!important;
}

#sp-menu.d-none.col-lg-9 {
    display: flex!important;
    flex: 0 0 70%;
    max-width: 70%;
}
}

Hope this will solve the issue for you!

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #13538

Hi there!

Thanks for contacting us.

Are you using predefined header or custom header, please?

However, you can use the following code in your custom CSS:

#sp-menu.d-none {
    display: block !important;
        }

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
OH
O. Harris
Accepted Answer
3 years ago #13548

Great. Appears to work, EXCEPT that the button shifts under the header area when on mobile device. How can I fix that?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #14723

Hi,

If your issue is resolved you may close the post:)

Regards

0
OH
O. Harris
Accepted Answer
2 years ago #15279

All well now.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #15285

Glad to know that:)

0