Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1370056

    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?

    Why? What have I done wrong?

    Thanks,

    Harvinder

    #1370068

    … there are no header nor footer – just borders

    #top.avia-blank #main .container_wrap {
      border: none !important
    }
    #1370107

    Hi,

    Thanks @Guenni007!


    @ballindigital
    : Please try the suggestion above.

    Best regards,
    Ismael

    #1370121

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

    #1370122

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

    #1370249

    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

    #1370297

    Thank you so much :)

    #1370317

    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

    #1400295

    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?

    #1400328

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

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

    #1400347

    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

    #1400363

    Amazing – thank you!

    #1400366

    Hi,

    Glad Mike could help.

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

    Best regards,
    Yigit

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