Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 24, 2022 at 9:16 pm #1370056
    ballindigital

    Hi,

    I’m trying to create my own version of a Linktree page on my Enfold website.

    This is driving me nuts because sometimes it works and sometimes it doesn’t but what I’m trying to do is delete the headers so no titles or menu options or footers are displayed.

    I’ve selected ‘blank no header or footer’ but there’s still a white gap at the top of the page?

    Links

    Why? What have I done wrong?

    Thanks,

    Harvinder

    October 24, 2022 at 11:05 pm #1370068
    Guenni007

    … there are no header nor footer – just borders 

    #top.avia-blank #main .container_wrap {
  border: none !important
}
    October 25, 2022 at 9:25 am #1370107
    Ismael

    Hi,

    Thanks @Guenni007!


    @ballindigital    : Please try the suggestion above.

    Best regards,
    Ismael

    October 25, 2022 at 10:55 am #1370121
    ballindigital

    I only want this to happen on this one page only – where would I paste this CSS code?

    October 25, 2022 at 10:59 am #1370122
    ballindigital

    And more specifically, I don’t want there to be any blank space at the top of the screen? It’s just wasted space..

    October 26, 2022 at 6:14 am #1370249
    Nikko

    Hi ballindigital,

    The code is safe as it only targets pages that use the blank (no header, no footer) page template.
    If you want to make it really specific to the page, you can change #top.avia-blank to #top.page-id-57
    As for the extra white space, you can align it vertically on top as well as removing the extra top padding, by adding this CSS code:

    #top.avia-blank #wrap_all {
    vertical-align: top;
}

#top.avia-blank #main .container_wrap .content {
    padding-top: 0;
}

    Hope this helps.

    Best regards,
    Nikko

    October 26, 2022 at 12:47 pm #1370297
    ballindigital

    Thank you so much :)

    October 26, 2022 at 3:38 pm #1370317
    Rikard

    Hi,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    March 6, 2023 at 10:15 pm #1400295
    ballindigital

    Hi – revisiting this as it doesn’t appear to be working..

    I’m trying to delete the white space above the logo on desktop and mobile view.

    It appears to be working in desktop view but not mobile view..

    Can you please help?

    Links

    March 7, 2023 at 9:15 am #1400328
    Guenni007

    only for that page:

    #top.page-id-311 #main  {
  padding-top: 0 !important;
}

#top.page-id-311 #main  main.template-page.content {
  padding: 0 !important;
}

    if you like to have that on all blank pages – use nikko’s selector #top.blank …

    #top.avia-blank #main  {
  padding-top: 0 !important;
}

#top.avia-blank #main  main.template-page.content {
  padding: 0 !important;
}
    March 7, 2023 at 12:41 pm #1400345
    ballindigital

    If you look at my custom CSS, I have added Nikko’s code but it doesn’t appear to be working?

    March 7, 2023 at 12:58 pm #1400347
    Mike

    Hi,
    *Update* For desktop and mobile on blank pages I added this css:

    .responsive #top.avia-blank #wrap_all #main  {
  padding-top: 0 !important;
}

#top.avia-blank #main  main.template-page.content {
  padding: 0 !important;
}

    I then changed the template for that page to blank, it was set to default.
    I then added the css for you and cleared your cache plugin, please clear your browser cache and check.
    Please note that iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    March 7, 2023 at 2:29 pm #1400363
    ballindigital

    Amazing – thank you!

    March 7, 2023 at 3:00 pm #1400366
    Yigit

    Hi,

    Glad Mike could help.

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How to hide Headers and Footers?’ is closed to new replies.