Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #26393

    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

    #130256

    Hi,

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

    Layout box is on your right hand side

    Regards

    Q

    #130257

    Hey,

    Thanks for the tip Q.

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

    .title_container {
    display: none;
    }

    Regards,

    Ismael

    #130258

    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

    #130259

    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

    #130260

    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.

    #130261

    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;
    }

    #130262

    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?

    #130263

    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

    #130264

    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

    #130265

    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.

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.