Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 18, 2013 at 9:52 am #26393
    emerykaze

    Hello,

    I’m just starting to use the Enfold theme. On my home page there is a wide band between the header and the slider, that shows the page name on the left, and “you are here: home” message. I need to remove this band, so that there is no space between the slider and the header.

    Please advise

    Regards

    Emery

    July 18, 2013 at 10:08 am #130256
    DigitalBerg

    Hi,

    Page > Layout > Header Settings > change to the Dont display the header :)

    Layout box is on your right hand side

    Regards

    Q

    July 19, 2013 at 5:16 am #130257
    Ismael

    Hey,

    Thanks for the tip Q.

    You can also add this on your custom.css or Quick CSS

    .title_container {
    
display: none;
    
}

    Regards,

    Ismael

    July 24, 2013 at 3:07 pm #130258
    maxgreenhood

    Hi,

    I tried both of those solutions and neither got rid of the white bar. There’s no header, but there is still a white bar between the slider and header that is around 46px high. Is there another way to get rid of this?

    Thanks!

    Max

    July 26, 2013 at 10:14 pm #130259
    Devin

    Hi Max,

    Can you point out on a screenshot and on your live site on what white bar you mean? The title container remove from Ismael completely removes it from the page so if there is some additional space its from something else.

    Regards,

    Devin

    July 31, 2013 at 3:54 am #130260
    wesdacar

    Hi

    I think i have the same problem, even after i did put

    .title_container {

    display: none;

    }

    in the quick css.

    Pleas have a look at this screenshot:

    http://www.maurilux.com/wp-content/uploads/2013/07/enfold-header.jpg

    I would also like to remove all the green navigation lines from the menu.

    Thanks for your answers.

    August 1, 2013 at 8:07 am #130261
    Dude

    You can remove the green line with

    li:hover .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li:hover .current_page_item>a>.avia-menu-fx {
    
display: none !important;
    
}

    If you want to remove the grey borders too use

    #header_main {
    
border: none !important;
    
}

    August 9, 2013 at 1:44 am #130262
    wesdacar

    Hi Dude.

    Thanks that works so far, but there is still a white line between the header and the layerslider.

    Please have a look: http://maurilux.com/

    How can i remove thatone?

    August 9, 2013 at 3:11 am #130263
    wesdacar

    After making the header height bigger, by changing the el_height in the avia.js, the problem is resolved. But now i have another problem in the mobile view.

    But without changing the height, it looks like this:

    http://maurilux.com/wp-content/uploads/2013/08/white-line.jpg

    August 12, 2013 at 12:32 pm #130264
    Nick

    Hi,

    Sorry for the delay, the fault is mine.

    This is what I see http://www.clipular.com/c?13886028=77NSnbF58MriPPFB4IAC13zr8hs&f=.png

    Have you fixed the issue?

    Thanks,

    Nick

    August 12, 2013 at 4:43 pm #130265
    wesdacar

    Hi there is just a gab between the header and the wrapper, when you resize the browser on a desktop.

    But i just tested it on some iphone and android devices. There it looks good.

    Sorry to bother you.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to remove the white band between the slider (below) and the header (above)’ is closed to new replies.