Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 16, 2016 at 4:51 pm #584275
    moviestar007

    Hi,

    I would like to disable the top bar with secondary-menu and telephone-info on desktop size.

    I already tried:

    @media only screen and (min-width: 1140px) {
	#header_meta {
		display:none;
	}
}

    but this leaves an extra space below the header. Also the logo area partially disappears at the top when scrolling.
    Any idea how to fix this?

    Thanks in advance!
    Andreas

    February 16, 2016 at 5:07 pm #584284
    Yigit

    Hey moviestar007!

    Please change your code to following one 

    @media only screen and (min-width: 1140px) {
	#header_meta {
		display:none;
	}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
    padding-top: 117px;
}
}

    Best regards,
    Yigit

    February 17, 2016 at 1:49 am #584421
    moviestar007

    Hi Yigit,

    thanks. I tried this before, it reduces the space below the header, but the logo and menu still disappear when scrolling. I would like to keep the sticky header.

    Any more ideas what to do?

    I inserted the code so you can see.

    Kind regards
    Andreas

    February 17, 2016 at 10:38 am #584556
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    February 18, 2016 at 1:40 am #585042
    moviestar007

    Hey Yigit,

    that’s exactly what I wanted! Thanks again and again for your great support!

    Best regards
    Andreas

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Disable top bar (#header_meta) on desktop’ is closed to new replies.