Slider in header

Hi Stefan,

It seems like Easing Slider “Lite” outputs image elements, while Hemingway uses a container with a background image. It’s still possible to use the plugin with some CSS changes though, as you said.

My approach would be to add the <?php easingsliderlite();?> code directly within the “header section” div, and wrap .header-inner with a div. Add the following CSS to that wrapper:

.header-inner-wrapper {
	position: absolute;
	z-index: 100000;
	top: 10%;
	left: 0;
	width: 100%;
}

That way, the site title should be positioned above the header image, while still being centered. Some additional changes would be required to make sure it plays nice on smaller screen sizes (and mobile devices). Let me know if it works out.

Lycka till!

Thanks for a Quick reply!! Your solution works. Works fine in mobile devices but I haven’t tested in older browser yet … ??

Hello!
Great idea, I was looking for something like that. It would be great if you could link your website so that I can check how it looks ?? .

A work in progress …

https://svartamajas.azurewebsites.net

Scoobit,

I checked your site and you’re doing exactly what I’m trying to do. I can’t get the code quite right within Hemingway.

Would you be willing to share the snippet of code in the header.php and style.css?

It would be greatly appreciated!!