Different menu-position for mobile

Question

I want to set a different menu position (outside header) for the mobile version of our site. Is that possible somehow?

Regards,

Erik

Answer 1

Currently no such feature is available in TemplateToaster. Menu position for mobile view remains same as the position assigned in desktop view.
You can try some custom solution for changing the menu position for mobile view only.

1. WordPress backend -> Appearance -> Widgets -> drag and add 'Custom Menu' Widget in 'HBWidgetArea00' -> select TT-Menu in 'Select Menu' -> select TT Default as 'Menu Display' -> Select 'Menu Style' as Horizontal Menu -> Save.

2. WordPress backend -> Appearance -> Theme Options -> Custom CSS -> Add the custom css provided below and click 'Save Options'.

@media screen and (max-width: 767px)
{
nav#ttr_menu
{
display: none;
}
}
@media screen and (min-width: 768px)
{
.ttr_banner_header_inner_below0
{
display: none;
}
}

Comments

Thank you.I hope this will become a feature though, as mobile versions often require a whole different approach regarding the layout..