Header-extras in mobile view?

1 reply · opened Jun 7, 2016

JjohnohodJun 7, 2016

I have put some stuff in header-extras. Like a logout icon, and a link to mange profile. But it is hidden as soon as the header transforms into mobile view.

Do you have any ideas as to how I can solve this? Add an extra element in the header that only is visible on mobile?

SSemicolon WebSTAFFJun 7, 2016

Hello,

Simply find the following CSS Block in the css/responsive.css File:

#header-trigger,
.top-advert,
.header-extras { display: none; }

and delete the .header-extras from it.

Additionally, you will also need to add some extra CSS Code to optimize the Header Extra Display on Mobile Devices.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard