Drop-down Menu hiding behind slider

Hi Krista…do you have a link to show this and I will take a look. If the menu is going behind the slider, then it’s more likely the slider as a z-index that is higher than the menu one z-index is like layers on top of each other).

By the way, are you using their free or paid version of the slider?

The site is https://www.miltonfarmersmarket.ca

Thank you!

After testing this on my local site using Senses Lite, it looks like I need to make an adjustment somewhere with the menu…which is odd that the submenu floats behind the slider (and another slider I tested). But the menu is almost the same as one I use on another theme and that one is fine.

I will need to get back to you with a fix as quickly as I can.

AH! Got it!

This one will be part of the next theme update, so you can edit the theme’s style.css directly for this. Normally I would say create custom CSS, but here is the fix…

Open the theme’s style.css and look for this around line 173:

#masthead {
	background-repeat:no-repeat;
	background-size:auto;
	background-position: center;
	position: relative;
	z-index:1;
}

Change the z-index: 1; to be z-index: 9999;

Now for a little recommendation…after looking at the slider you are using and the source code it generates, you may want to consider a more simplified slider if you just want to rotate images. I also noticed the code it inserts into your page content is not really the best way of doing it (which is what the slider does, not you) and it loads css styles in your content which is not a good practice. You might want to look at some other options:

Simple Responsive Slider

Meta Slider

Smart Slider 3 if you want more fancy.

Here’s a little bonus for you. I noticed in your site footer you have a social icon plugin(widget) displayed but your icons are off center. If you add this custom CSS, you can center it:

#sidebar-footer .sfsi_plus {
    text-align: center;
    display: inline-block;
}

Now if you plan to add this, you will then need a plugin like Simple Custom CSS to add new CSS like the one above. This will allow you to keep the theme updated without losing any custom changes.

By the way, did you know Senses Lite has social icons built in that you can use in the footer area? Here is an example on the Demo Site

You can also customize the colours of the icons from the theme’s customizer Colour tab.

Allthough you suggest Smart Slider 3, I ran into the same problem (dropdown menu invisible) with this Slider (that I really love!).
With the help of Smart Slider 3 support, I solved it by adding the this code to bootstrap.min.css:

.n2-ss-align {
    position: relative;
    z-index: 0;
}

https://annetanne.be/kruidenklets

Thank you! The code worked and the menu is in front of the banner! Can you tell me where I edit the social icons? I can’t seem to find it, they are showing but can’t edit links.
Thanks

Good to hear ??

As for the social icons, this tutorial should help you to get started, which is a tutorial common with all my themes:

Social Menu

To customize the colours, go to Appearance >> Customize >> Colours

From there, look for the Social Icon… colour settings, which are further down the list of colour settings.

Thank you for your help!