BlueOwlCreative » Topic: Subheader visible on mobile version

Subheader visible on mobile version

mvdb1982 — Fri, 26 Feb 2016 12:01:59 +0000

Is it possible to display the sub-header back to the mobile version?

Reply To: Subheader visible on mobile version

BlueOwl — Mon, 29 Feb 2016 09:28:19 +0000

Sure,

@media only screen and (max-width: 768px){
.full_header {
    display: block!important;
}
}

Reply To: Subheader visible on mobile version

mvdb1982 — Mon, 29 Feb 2016 09:37:04 +0000

Thnx!!

Reply To: Subheader visible on mobile version

totogigi — Thu, 21 Apr 2016 15:30:22 +0000

Hello, i have the same problem: i use your code but the subheader menu is missing:

http://www.lumendesign.eu/dev/sek/

thanks for any help

Reply To: Subheader visible on mobile version

BlueOwl — Fri, 22 Apr 2016 08:38:23 +0000

Hi totogigi,

I can actually see your subheader just fine…

Reply To: Subheader visible on mobile version

totogigi — Fri, 22 Apr 2016 08:48:16 +0000

well i have make some modifications directly into grid_responsive.css
now how can i hide the header contacts on small mobile?
i have insert this rule:

@media only screen and (min-width: 300px) and (max-width: 768px) {

#header_contacts { display: none; }

#header_contact_item { display: none; }

}

but doesn’t work

thanks for any help
Alberto

Reply To: Subheader visible on mobile version

BlueOwl — Fri, 22 Apr 2016 14:32:53 +0000

Didn’t you want to hide it in the first place?
The code I provided shows the subheader below resolutions 768px.
If you want to hide just the header contacts try this:

@media only screen and (max-width: 768px){
.header_contacts {
    display: none;
}
}