Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 11, 2015 at 8:39 pm #394656
    crewneck

    http://borstch.eu/aptare4/

    I found this cool code on the forum which actives sticky header on mobile devices. But it also covers my first header.

    Is there an easy fix?

    .html_header_top.html_header_sticky #header {
    position: fixed !important;
    }
    @media only screen and (max-width: 767px) {
    .responsive #main {
    padding-top: 82 !important;
    }
    }

    • This topic was modified 9 years, 10 months ago by crewneck.
    February 12, 2015 at 11:48 am #394901
    Rikard

    Hey!

    Try this:

    
@media only screen and (max-width: 767px) {
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
padding-top: 80px !important;
}
}

    Cheers!
    Rikard

    February 12, 2015 at 12:10 pm #394920
    crewneck

    Hey Rikard!

    Works great on the start page. But not on this page?

    http://borstch.eu/aptare4/fastigheter/

    February 12, 2015 at 5:54 pm #395193
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 80px!important;
}}

    Best regards,
    Yigit

    February 12, 2015 at 6:27 pm #395219
    crewneck

    Beautiful! Thanks Yigit!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Sticky mobile header covers H1 headline’ is closed to new replies.