Overlay content on banner in new Future theme?


(Derek Watson) #1

As the content much of the time is quite far down the page with new Future theme, is there a way to overlay addional content for example video/text/slideshow just below the header?

I have Stacks but cannot figure out a way to move content up that far


(Derek Watson) #2

Anyone?


(Robert Ziebol πŸ––πŸΌ) #3

It might seem like a long ways down based on the way the image is, but take a look at this screenshot:

It really isn’t that far from the bottom of the image, the image is just slanted and not straight. There seems to be a little bit of margin, but not a lot.

There might be a way to eliminate this with CSS, but I could not find it right now (didn’t look very hard either, sorry).


(Derek Watson) #4

What I wanted to do was move some content so that it overlays the banner as in the rough illustration here.

example


(Robert Ziebol πŸ––πŸΌ) #5

Ah, you could try using Joe’s Target stack.


(Derek Watson) #6

Would that work with banner in the theme?
I really like the angled effect used and cannot replicate it without editing images in Photoshop and blanking out lower corner (which may be much easier than using the theme!)


(Robert Ziebol πŸ––πŸΌ) #7

OK, here is a little demo I quickly made, did not take any time to make this look good, just to show you what could be done.
http://www.zeebedesigns.com/target-future-banner

I did no adjusting for mobile either, I would obviously have it set up differently, probably hide this version and make it different for mobile.


(Derek Watson) #8

That looks like the layout/effect I was after, how did you do that? I have bought the Target stack but can’t seem to get it to do it using the Future theme!


(Robert Ziebol πŸ––πŸΌ) #9

You can get the project file here:


It uses Joe’s YouTube stack, but you can put any video stack in there.


(Derek Watson) #10

Thanks so much, I am back now and about to explore it! :sunglasses:


(Derek Watson) #11

Thanks for helping me out. I can get it to work but discovered it is the Foundation styles stack which was breaking it. I will have to find alternative stacks to use to replace the foundation versions


(Robert Ziebol πŸ––πŸΌ) #12

You should not be using Foundation Site Styles with the Future theme. One, Future is a Bootstrap theme. Two, Foundation stacks should only be used with the Foundation theme. My project file does NOT include the Site Styles stack on it.


(Derek Watson) #13

I have got the content working as I planned but the content overlays the footer rather than the footer sitting below and cannot see how to prevent this without cutting page content to a minimum, am I missing a setting somewhere?


(Derek Watson) #14

Is there any way to make menubar fixed in future theme?


(Robert Ziebol πŸ––πŸΌ) #15

No clue, something you would need to ask Realmac Support as it is there theme.


(Joe Martin) #16

Was that suppose to be a download project…I got a 404 error


(Robert Ziebol πŸ––πŸΌ) #17

Ah, I did not extend the droplr time, let me see if I can find it and re-upload it.


(Joe Martin) #18

Any luck finding that file?


(Robert Ziebol πŸ––πŸΌ) #19

Sorry had a very hectic weekend and I am substitute teaching right now. Will look when I get home


(Robert Ziebol πŸ––πŸΌ) #20

OK, here is the file. Set it to not self-destruct