mobile/desktop header

Public Ticket #9804

Conversation thread

PenciDesign replied

6 years ago

Staff Reply

Hi,

You can do that by do following steps:

1/ Select to display header style 5 for desktop.

2/ Go to Customize > Logo and Header Options > and check to "Display Logo on Horizontal Navigation on Mobile"

3/ Add more this code to Customize > Custom CSS:

@media only screen and (max-width: 479px) {
#header .inner-header{ display: none; }
}

Best Regards,

PenciDesign

CMLS started the conversation

6 years ago

Conversation Start

Hi,

I very like the header 5 for desktop navigation, but I realized is too intrusive for mobile navigation.

Is it possible to choose header 5 for desktop and header 9 for mobile navigation? Or, more generally, is it possible to manage desktop and mobile header separately?

If it is not possible, how can I optimize and reduce the header size for mobile?

Thank you :)

Want to join this conversation or access attachments? Sign in first.