- This topic has 15 replies, 3 voices, and was last updated 6 years, 6 months ago by Andrew Misplon.
- AuthorPosts
- March 13, 2016 at 1:02 pm #3166
Tomas SearsParticipantHi 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
March 14, 2016 at 1:27 pm #3176
Andrew MisplonKeymasterHey 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
March 14, 2016 at 1:58 pm #3178
Tomas SearsParticipantYou guessed right… [smartslider3 slider=1]
Thanks again for your help
March 14, 2016 at 4:12 pm #3183
Andrew MisplonKeymasterThanks 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.
March 14, 2016 at 4:31 pm #3185
Tomas SearsParticipantyou 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?March 14, 2016 at 4:51 pm #3186
Andrew MisplonKeymasterSuper 🙂 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?
March 14, 2016 at 4:58 pm #3187
Tomas SearsParticipantI 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
March 14, 2016 at 5:00 pm #3188
Andrew MisplonKeymasterThat’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.
March 14, 2016 at 8:49 pm #3189
Andrew MisplonKeymasterI 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.
March 14, 2016 at 8:52 pm #3190
Tomas SearsParticipantHi 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!March 14, 2016 at 8:57 pm #3191
Andrew MisplonKeymasterThanks 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.
March 14, 2016 at 9:01 pm #3192
Tomas SearsParticipantYep, there was an empty row with the meta slider reference.
Thanks for all the help and advise
March 14, 2016 at 9:02 pm #3193
Andrew MisplonKeymasterSuper, glad to hear that did the trick.
April 3, 2018 at 4:57 pm #9259
OLBERILLOParticipantHola, he utilizado Smart Slider, pero quisiera que aparezca solo en el home y no en el resto. Como soluciono ese tema?
April 3, 2018 at 7:16 pm #9262
Andrew MisplonKeymasterHi Olberillo
Thanks for reaching out.
Customize > Theme Settings > Home Page > Home Slider
ORPages > Home Page (you might have named it differently) > Page Slider
will set the slider for the home page. Each additional page has its ownPage Slider
setting in the right column.When you set your Home Slider are you seeing it appear on every page?
- AuthorPosts
You must be logged in to reply to this topic.