Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 10, 2020 at 12:12 pm #1229396
    sung789

    I added this code in quick css

    #header, #footer { display: none !important; }

    The Footer is correctly hide but not the header, There is still an empty box at the top of the page

    July 11, 2020 at 5:44 am #1229554
    Rikard

    Hey sung789,

    Please try this CSS as well:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0;
}

    Best regards,
    Rikard

    July 11, 2020 at 10:21 pm #1229713
    sung789

    I tried and it does not work.

    Later I disabled the sticky option and manage reduce the height of the header. but the block with the site name (as there is no logo) is still present (same violet as background so not visible)

    July 13, 2020 at 6:39 pm #1230036
    Victoria

    Hi sung789,

    Could you please attach some screenshots of the issue?

    I do not see the header with that code added.

    Best regards,
    Victoria

    July 13, 2020 at 7:01 pm #1230055
    sung789

    You can check it now online, I have changed the header color from violet to green.
    I want to keep violet stuff and hide the green one.

    July 13, 2020 at 8:23 pm #1230098
    Victoria

    Hi sung789,

    Do you know that you can also use a blank template:
    Image 2020-07-13 at 21.22.46.png

    It is set in the page attributes.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#header {
    display: none;
}
#top #av_section_1 {
    margin-bottom: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 13, 2020 at 8:30 pm #1230105
    sung789

    Great! It works!

    July 14, 2020 at 9:32 am #1230238
    Günter

    Hi,

    Glad we could help you. Enjoy the theme and have a great day.

    Feel free to come back when you need further assistance.

    Best regards,
    Günter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘hide footer #header { display: none !important; } does not work’ is closed to new replies.