- This topic has 8 replies, 2 voices, and was last updated 6 months, 1 week ago by David.
July 8, 2020 at 4:12 am #1356280Katharine
Hello, I am trying to place the header of this website https://roryforbeslange.live-website.com/ (in progress) over the Smart Slider images but I can’t figure out how via CSS. I’m not sure if this is a question for you or Smart Slider but I’d really appreciate the help! So, the background of the menu / header would be the image in the carousel.
Example of what I want here, though I would put some transparency on the header to ensure it’s readable the:https://www.alanshapirophotography.com/
KatieJuly 8, 2020 at 4:21 am #1356289Katharine
Sorry and I tried looking in the forum and saw you said to someone else ‘You’d need to need to use a plugin (Smart Slider) and just add it using a header element.’ but I don’t understand where you can add smart slider. Thanks!July 8, 2020 at 5:32 am #1356357DavidStaffCustomer Support
you don’t need any other plugins as you already have a slider.
Go to Appearance > GeneratePress and enable the Elements Module.
Then in Appearance > Elements create a new Header Element:
In the header element, skip the first view and go to Site Header tab and enable the Merge with Content option. This will enable the Navigation colors option where you can edit the nav colors.
Then set the Display Rules to
Front PageJuly 8, 2020 at 5:47 am #1356371Katharine
Thanks for your help. I already had merge content turned on with the hero element – I’ve drafted that and created a new one but it still doesn’t merge. I then tried it on a page without the slider and it works fine with a featured or custom image (https://roryforbeslange.live-website.com/about) so is it an issue with the slider? Or do I need to put the slider in a specific type of block to make it work?
KatieJuly 8, 2020 at 6:17 am #1356404DavidStaffCustomer SupportJuly 8, 2020 at 6:19 am #1356407Katharine
Sorry, I was showing you that it worked on About so I changed it. Have changed it back so you can see.
KatieJuly 8, 2020 at 6:29 am #1356417DavidStaffCustomer Support
Aah ok – its actually working but the Container Top Padding of 96px is stopping the slider from hitting the top of the viewport.
I assume you can add the Slider using a shortcode?
If so – remove it from the Page Content and add it your Header Elements hero content.July 8, 2020 at 6:45 am #1356434Katharine
Ahhhh so there is!! Thank you it’s all working now!!July 8, 2020 at 6:54 am #1356441
- You must be logged in to reply to this topic.