- This topic has 7 replies, 2 voices, and was last updated 5 years, 6 months ago by Skandha.
-
AuthorPosts
-
October 9, 2018 at 10:28 am #156326markmoritzParticipant
Hi, new user here to the Adonis Pro theme. I am using a full screen background video on my site as a landing page and having difficulty spacing out the other elements on the page. Primarily, the footer. I would like it placed right above the player controls at the bottom of the screen but haven’t found a way to do this yet. I basically want NO content on the front page except for
Company Logo
Modern Menu
Full Screen bg video playing (using YTPlayerPlus plugin for that)
and a thin footer at the bottom.
Can you please help? Thank you
site is http://www.purpleceiling.comOctober 10, 2018 at 12:21 am #156378SkandhaParticipant@markmoritz: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#colophon { position:relative; bottom:40px; }
Let me know if this is what you want!
Kind Regards,
SkandhaOctober 10, 2018 at 12:54 am #156386markmoritzParticipantIt didn’t seem to change anything 🙁
October 10, 2018 at 2:15 am #156394SkandhaParticipant@markmoritz: Can you elaborate what change you would like to be made?
Kind Regards,
SkandhaOctober 10, 2018 at 12:08 pm #156462markmoritzParticipantBasically what I want is a blank page that covers the landing screen from top to bottom. If you look at my site, there is a full page background video that plays. The only elements I want over that page are the modern menu bar, and the footer. Right now, if I try to do that, the footer lands in the middle of the full screen video because that’s I guess where the homepage ends.
DOes that help? If you look at the cover images of the Athena background or Catch FullScreen, they are similar to the look i am going for but I basically want the background video that I’m using to be generated by the Youtube player I have loaded in my wordpress. SO really no content is needed from the theme at all on the home page except the menu bar and the footer, but I need those to fluidly be positioned at the top of the screen for the menu bar, and the bottom of the screen for the footer, and nothing else visible in between so the background video can shine through.October 10, 2018 at 10:51 pm #156483markmoritzParticipantI currently have the front page looking the way i want it to on my workstation screen, However, it is not responsive to the same layout on mobile or smaller screens. i’m currently on a 3840×2160 monitor which certain things, like the footer, were adjusted using specific pixel margins in additional CSS. However, I need the look to be uniform across devices. Can you please advise? thank you
October 11, 2018 at 11:45 pm #156583markmoritzParticipantchecking in on this as i really need to get this figured out. Thank you
October 12, 2018 at 3:46 am #156600SkandhaParticipant@markmoritz: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#colophon { position:fixed; bottom:0; left:0; width:100%; }
Let me know if this is what you want!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Footer adjust to bottom of screen regardless of content’ is closed to new replies.