Showing Top Menu under Header Menu in Responsive Mobile

Posted in: Newspaper
Post count: 15

Hi, is there a way to show Top Menu under Header Menu in the same lateral tab?
I’ve got many links ans I didn’t want them to appear on top on mobile devices (as here via css).

Thanks

Post count: 6600

Hi,

Menu’s alignment is set from header.php file, you can change the top menu location by moving this line locate_template('parts/menu-top.php', true); and add it after the header menu for the style you want to use, like this: http://screencast.com/t/l0f8ud7l
From my example you will get this result: http://screencast.com/t/I8NVJyDA
Note that this will move the top-menu on all screens after the header menu so it would be better(if you only need it in mobile screens) to use this css to set it to be displayed only for mobile screens:

.td-header-menu-wrap {
display: none;
}

@media (max-width: 767px){
.td-header-menu-wrap {
display: block;
}
}

Thanks

Post count: 15

Thanks Lucian. Sorry, I didn’t mean the Top Menu to be under the logo, but on the left as Header Menu and under it.

Image

Post count: 6600

hi,

The mobile menu it’s build based on the header menu, you can modify this if you like to add the top menu after it, you can find the code here: http://screencast.com/t/IWRRbscy3
Unfortunately this means custom work and we cannot offer custom work at this moment as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Thanks for understanding!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.