Mobile Logo and Menu

Posted in: Newspaper
Post count: 24
bigdeal
#13673
May 29, 2014 at 1:28 pm

Hi,

I dont display my logo in the header since i put it in the main menu. What would I do if i want it displayed in mobile phones view?

Also is it possible to assign a different menu for mobile? Since it is currently using the one for desktop, the logo appears in the sliding menu.

Website: http://www.goarchers.com

Regards,

Post count: 24
bigdeal
#13707
May 30, 2014 at 9:48 am

bump

Post count: 3343
Marius
#13710
May 30, 2014 at 9:59 am

Hi,
What you can do is to use a logo for header and hide it on desktop/tablets and will show it on phone only.

Thanks!

Post count: 24
bigdeal
#13721
May 30, 2014 at 11:28 am

THanks, what’s the code for that?

Post count: 3343
Marius
#13828
Jun 2, 2014 at 8:52 am

You can make this via CSS.

To hide the logo on desktop use this CSS:

.header-logo-wrap a {
    display: none;
}

To show the logo on mobile use this one:

@media (max-width: 767px) {
.header-logo-wrap a img {
    display: block;
}
}
Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.