Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 4, 2018 at 10:45 pm #893444
    kaustubha

    Hi,
    I see a blank space between the header area and my page content – I don’t have any Quick CSS code that would cause this. Can you please let me know how to get rid of this space? Image reference with an arrow pointing to the blank space is provided under private content.
    Thank you very much!

    January 4, 2018 at 10:46 pm #893445
    kaustubha

    Just to add on, this problem started, once I added in a CSS code to hide the display of the header secondary menu on the desktop and only have it displayed on mobile.
    @media only screen and (min-width: 990px) {
    #header_meta { display: none !important; }}

    • This reply was modified 7 years, 5 months ago by kaustubha.
    January 5, 2018 at 2:31 am #893532
    Mike

    Hi,
    I didn’t see this on your site main, unless you have a staging site. Please see screenshot in Private Content area and the url.

    Best regards,
    Mike

    January 5, 2018 at 2:49 am #893537
    kaustubha

    Hi,
    Yes, I took away the code to hide the header secondary menu (top socket) from Quick CSS till this issue is resolved.
    When I put the code in, I get that gap between header and page content area.

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

    This screenshot will show you how it looks when the code is put back in.

    January 5, 2018 at 3:14 am #893540
    Mike

    Hi,
    That’s a tricky one, how about using this code instead:

    @media only screen and (min-width: 990px) {
#header_meta {z-index: 0 !important; }}

    it makes the header look a little bigger, but it may not be noticeable.

    Best regards,
    Mike

    January 5, 2018 at 3:19 am #893541
    kaustubha

    Thanks, but unfortunately, this still leaves a wide space on the top of the page above the menu, where the socket used to be.
    Any reason why the disabling the submenu socket in quick css is causing this issue? We’d ideally like the submenu socket to be hidden on the desktop, and have the pages load right below the header…

    January 5, 2018 at 9:10 am #893602
    Rikard

    Hi,

    Thanks for the feedback, though I can’t see the problem on the URL posted in this thread. Could you link directly to where we can see the problem please?

    Best regards,
    Rikard

    January 7, 2018 at 5:07 am #894282
    kaustubha

    Hi,

    The problem is on all pages of the website – there is blank space above the header and menu bar area of the site ever since I put that code in the Quick CSS to hide the secondary submenu header on desktop. The space was in between the header and the slider when I had used the original code I had pasted. Once I changed the code to what Mike had provided, the blank space moved over to the very top of the website (above the header area).

    Could you please suggest what we can do to remove the blank space on top (about an half an inch of blank space right on the very top of the site)?

    Thanks!

    January 7, 2018 at 4:34 pm #894370
    Mike

    Hi,
    Please try removing the code I gave you and try this:

    @media only screen and (min-width: 990px) {
#header_meta { display: none !important; }
#layer_slider_1 {top:-30px !important; }
.html_header_top.html_header_topbar_active.html_header_sticky #top.tribe-events-page-template #main {padding-top: 90px!important; }
}

    Best regards,
    Mike

    January 7, 2018 at 10:09 pm #894521
    kaustubha

    This works well, thanks!

    January 8, 2018 at 5:04 am #894580
    Ismael

    Hi,

    Glad it worked. Please create a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Space between header area and page content’ is closed to new replies.