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 18 hours ago by lisa-west (19,100 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 17 hours ago 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..
Welcome to TemplateToaster Forum, where you can ask questions and receive answers from other members of the community.
...