[markmoritz]

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.com

[Skandha]

@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,
Skandha

[markmoritz]

It didn’t seem to change anything 🙁

[Skandha]

@markmoritz: Can you elaborate what change you would like to be made?

Kind Regards,
Skandha

[markmoritz]

Basically 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.

[markmoritz]

I 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

[markmoritz]

checking in on this as i really need to get this figured out. Thank you

[Skandha]

@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

[Author]

Posts