Remove the sticky header for mobile (but keep it for pc version)

  • Resolved sandeo

    (@sandeo)


    10 years, 1 month ago

    Hi all,

    Anybody who knows how to easily remove the sticky header for mobile version? Don’t like the fact that it takes about 20% of the screen space. Disabling it in the theme settings will also remove it from the pc view…

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey there sandeo,

    How are you doing today?

    This could be done with some custom CSS and using media queries. Please add the following code to Appearance >> Theme Options >> Custom CSS:

    @media screen and (max-width: 600px) {
.head-container.is_indent {
position: relative;
top: 46px;
}

.head-container.fixed {
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#page {
margin-top: 0 !important;
}
}

    This should remove sticky header on smaller resolutions.

    Hope this helps ??

    Best regards,
    Bojan

    Thread Starter sandeo

    (@sandeo)

    Unfortunately no luck here… Also changing width to 785 pixels doesn’t help…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove the sticky header for mobile (but keep it for pc version)’ is closed to new replies.