Different menu-position for mobile

asked Oct 11 in Wordpress Themes by algemeen (220 points)
I want to set a different menu position (outside header) for the mobile version of our site. Is that possible somehow?

Regards,

Erik

1 Answer

answered Oct 17 by lisa-west (20,260 points)

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;
}
}

commented Oct 17 by algemeen (220 points)
Thank you.I hope this will become a feature though, as mobile versions often require a whole different approach regarding the layout..
Anyone interested in localization of TemplateToaster v7 in exchange of a Pro License Contact Us
...