Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • February 3, 2017 at 6:31 pm #742525
    davegeipel

    Looks like I have two sections showing up on a custom page we have loading data into blank page.
    When I inspect the code, it looks like the section contains 88 pixels. We just want to show the header – no footer or widgets and the layout is marked accordingly for the page in the settings. Hoping you can help.

    Dave

    February 3, 2017 at 8:23 pm #742566
    Andy

    Hey Daveid,

    I think this won’t be easily possible. Am I getting it right, you are trying to avoid any content inside the main part of your website, to only show content inside header and footer? if yes why?

    You could try to make the white part blue:

    body {
background: #201e87;
}
.container_wrap.container_wrap_first.main_color.fullsize {
background: #201e87
}
#header_main {
border: none;
}

    Hope this helps!

    Best regards,
    Andy

    February 3, 2017 at 9:03 pm #742579
    davegeipel

    Thanks for your help Andy… Not trying to remove the content, rather limit the space between header and content.

    So It’s the white bar and blue bar above the map… under the header.
    I just dont need either.
    Perhaps it’s something in this section?
    class=”container_wrap container_wrap_first main_color fullsize” ?

    February 6, 2017 at 7:50 am #743187
    davegeipel

    Anyone else able to answer? Again, just looking to remove the white space under the header and above custom content. Thx.

    Dave

    February 6, 2017 at 8:10 am #743189
    Basilis

    Hey!

    I loaded your web site and I can see the space been removed
    Can you please clear your cache and let us know how that works?

    Thanks a lot

    Regards,
    Basilis

    February 6, 2017 at 5:39 pm #743480
    davegeipel

    It’s still present. The header loads fine like all pages but when I insert our own shortcode (as text versus visual – not that it seems to matter) it throws a white bar up top. Can’t seem to narrow down what css is driving this for this page… Hope you can help.

    Dave

    February 8, 2017 at 6:52 pm #744453
    davegeipel

    Just making sure you see the actual issue under the header. Not trying to remove the header or page content, just the whitespace present with content on the page.

    February 8, 2017 at 8:58 pm #744490
    Andy

    Hi,

    I checked the link you’ve provided, but can’t see any whitespace anymore. Could you fix it already?

    Best regards,
    Andy

    February 9, 2017 at 7:45 pm #745002
    davegeipel

    No – the space is still there. Not on main site, just this custom page. See link again in private message. Thx in advance.

    February 10, 2017 at 5:32 pm #745510
    Andy

    Hi,

    use this code inside Quick CSS field:

    #header_main {
height: 110px;
border: none;
}

    Best regards,
    Andy

    February 10, 2017 at 6:40 pm #745549
    davegeipel

    That does drop the header down on that page… but it also changes the header so when I scroll down and it should go to SLIM mode, it wont. Anything else to address that area?

    February 13, 2017 at 2:55 pm #746419
    Andy

    Hi,

    not sure if it will be possible. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    February 13, 2017 at 5:10 pm #746513
    davegeipel

    Sure thing – added creds for ya. Again, just the maps page shows this issue. THANKS!

    February 14, 2017 at 5:03 pm #746988
    Andy

    Hi,

    it can’t go to slim mode, as you don’t use any elements inside your main area. This way it won’t work.

    Best regards,
    Andy

    February 14, 2017 at 6:20 pm #747032
    davegeipel

    I understand for this page BUT this impacts every other page on the website that requires a scroll. SLIM isn’t available anywhere with this code snippet.

    February 16, 2017 at 9:18 pm #748138
    davegeipel

    Do you see what I mean about slim mode on the rest of the site? While it would work on this one page, it doesn’t across the rest of the website.

    February 17, 2017 at 2:50 pm #748461
    Andy

    Hi,

    you’re using some custom code which prevents slime header to show up fully. So remove any custom code you’re using until you find the one which is causing this.

    Best regards,
    Andy

    February 17, 2017 at 5:07 pm #748538
    davegeipel

    Thanks for the follow up Andy – I do appreciate it. However, if I remove the css you provided:

    #header_main {
height: 110px;
border: none;
}

    …then the SLIM header returns fine on all pages. So I removed it and deleted that css so it’s back to the original layout. Checking custom css on our end now for that one page layout and reply with that I find.

    Dave

    February 20, 2017 at 2:00 pm #749345
    Andy

    Hi,

    I checked your header and things look good for me. So can we close this thread here? Feel free to open a new ticket if you have some more questions about the theme.

    Best regards,
    Andy

    February 20, 2017 at 7:35 pm #749533
    davegeipel

    Yes, that page works. But try the main one in question again. Notice I took all content out – how do I remove the blue bottom when I selected NO SOCKET / NO FOOTER?

    Thanks!

    February 21, 2017 at 4:52 pm #750040
    Andy

    Hi,

    try this code:

    html {
background: transparent;
}

    Best regards,
    Andy

    February 21, 2017 at 6:38 pm #750098
    davegeipel

    Excellent – that helped a ton. Still getting a white bar before custom content loads in that section – perhaps it from the map, IDK. But this was very helpful Andy!

    Dave

    February 21, 2017 at 7:29 pm #750128
    Andy

    Hi,

    add this code as well:

    header#header {
height: 113px;
}
#header_main {
border: none;
}

    Hope this helps!

    Best regards,
    Andy

    February 21, 2017 at 8:24 pm #750146
    davegeipel

    I kept the border:none change… but the other just pushed down the header so when you’re on a standard page or post, would cover the H1 headline on each page. So removed the height and will have to deal with that one page creating the issue I suppose.

    February 24, 2017 at 3:55 pm #751453
    Andy

    Hi,

    you could also work with page-id, so the height code works only for this specific page: https://en.support.wordpress.com/pages/#how-to-find-the-page-id

    So you can use something like this:

    .page-id-123 header#header {
height: 113px;
}

    Best regards,
    Andy

    March 3, 2017 at 4:41 pm #755175
    davegeipel

    Thanks Andy – will do that until I find another method within our custom code.

    Dave

    March 3, 2017 at 6:38 pm #755258
    Andy

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 27 posts - 1 through 27 (of 27 total)
  • The topic ‘Whitespace under logo and main header on custom page’ is closed to new replies.