- This topic has 15 replies, 3 voices, and was last updated 6 years, 8 months ago by
.
- Posts
Hi Guys,
Hope all is well.
I’m using the plugin “Smart Slider” on my home page and a few other pages. Is it possible to get the menu to overlap the slider like it is possible with the meta slider? I know if it is that it may require a child theme? If so I already have one active which you kindly made for me: https://purothemes.com/support/topic/categories-landing-page/
Thanks in advance for your help!
Tom
Hey Tom
Sure 🙂 Please, could you let me know the shortcode of the slider you’d like to display on the home page, for example:
[smartslider3 slider=1]Thanks
Thanks for the wait 🙂 Please, find a child theme here:
https://purothemes.com/wp-content/uploads/2016/03/ultra-child-smart-slider-home.zip
To make use of this child theme, please, download the ZIP file and unzip it. Then, copy header.php and paste it onto your desktop. Then, using your FTP program or Hosting File Manager service, upload the header.php file to your server to the following location:
/wp-content/themes/ultra-child/Let me know how that goes.
you sir are my hero! I then made the menu bar slightly transparent to get the look I was after – http://www.kimberley-stemcollege.co.uk/
On a completely different note, which you may not be able to help with, but do you know how I would achieve this look: https://blackpoolsixth.ac.uk/
As in a Carousel overlapping the slider? I have been searching for ages. Would I have something to do with z-index?Super 🙂 Glad to hear you’ve made progress.
That’s an interesting example slider. Usually, one might expect the carousel blocks to take you to a related slide since they’re overlapping the slider. It’s inferred that they’re related but, in this case, they aren’t.
It would be challenging to re-create this setup in Page Builder. Do you know which if any plugins were used to create your example setup?
I thought the same thing, I’ve had a quick look at the code, but cant see any reference to any plugins, but it does look like they are using WordPress.
I have been looking everywhere online, but cant see any info on how it would be achieved. I’m surprised its not uses on more sites. Also been checking plugins.It may just be one challenge too far for me! I managed to get a second “Smart Slider” to overlap using Div ID’s, but when viewed on a mobile it all screwed up. I can see in the code there is z-index references
That’s the challenge. We’d need to make the row below absolute positioned, shift it up and then probably drop it back to normal document flow for tablet and mobile. I’ll try take a look at this a little later.
I took another quick look at this now and, unfortunately, it really isn’t easy to do with Page Builder. Could we perhaps eliminate the gap between the slider and the carousel to move them closer together? That would help the presentation a little. Sorry I don’t have more on this request at the moment.
Hi Andrew,
No worries at all, I thought it may be very difficult to do using page builder. Thank you for looking 🙂
If we could eliminate the gap that would be great!Thanks for your understanding.
You can use:
.home .panel-grid:first-of-type { display: none; }Or you can check the first row, I think there might be a SO Editor widget there with an empty Meta Slider in it.
Hola, he utilizado Smart Slider, pero quisiera que aparezca solo en el home y no en el resto. Como soluciono ese tema?
Hi Olberillo
Thanks for reaching out.
Customize > Theme Settings > Home Page > Home SliderORPages > Home Page (you might have named it differently) > Page Sliderwill set the slider for the home page. Each additional page has its ownPage Slidersetting in the right column.When you set your Home Slider are you seeing it appear on every page?
You must be logged in to reply to this topic.