-
AuthorPosts
-
October 24, 2022 at 9:16 pm #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
October 24, 2022 at 11:05 pm #1370068… there are no header nor footer – just borders
#top.avia-blank #main .container_wrap { border: none !important }
October 25, 2022 at 9:25 am #1370107October 25, 2022 at 10:55 am #1370121I only want this to happen on this one page only – where would I paste this CSS code?
October 25, 2022 at 10:59 am #1370122And 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 #1370249Hi 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,
NikkoOctober 26, 2022 at 12:47 pm #1370297Thank you so much :)
October 26, 2022 at 3:38 pm #1370317Hi,
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,
RikardMarch 6, 2023 at 10:15 pm #1400295Hi – 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?
March 7, 2023 at 9:15 am #1400328only 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 #1400345If 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 #1400347Hi,
*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,
MikeMarch 7, 2023 at 2:29 pm #1400363Amazing – thank you!
March 7, 2023 at 3:00 pm #1400366 -
AuthorPosts
- The topic ‘How to hide Headers and Footers?’ is closed to new replies.