Hello,
I have a problem with SiteOrigin Slider widget as it covers several elements of the page. After clicking on the search button it covers the search bar, what makes it impossible to use properly.
Another item that is covered by slider is top menu of the page, after clicking several links of the menu – dropdown elements are covered by the slider.
I’d be grateful for any help :)
website address: primetourskrakow.com.
Cheers,
Tomasz
Hi Tomasz
Thanks for reaching out.
You can try adding the following:
.top-menu .navigation > li > ul, .overlay { z-index: 101; }Custom CSS can be added to AppearanceCustom CSS if you’re using SiteOrigin CSS or alternatively, CustomizeAdditional CSS.
Hi Andrew.
Thanks for your reply.
Could you tell me please (I’m not a programmer:)) where exactly should I add this part of the code?
Hi Tomasz
Custom CSS can be added to AppearanceCustom CSS if you’re using SiteOrigin CSS or alternatively, CustomizeAdditional CSS.
Yes, I know what tool to use, but where should I add it. Do I have to choose top menu, by clicking on it in this visual editor?
If you’re using SiteOrigin CSS you’d click on the Appearance menu item which is on the left in WordPress. Next, locate the Custom CSS menu item and click it. Once there you’ll find a large field on the right. Insert the CSS into the Custom CSS field and click Save. Alternatively, if you aren’t using SiteOrigin CSS you can click Appearance then Customize. Once there, open the Additional CSS heading and insert the CSS into the field provided.
Ok, thanks.
This field is empty, what I have to do is paste the code, you’ve given me.
Could you tell me please one more thing, is this addition somehow dangerous to the site? What I mean is, if it could affect other elements of the site apart from the top menu.
This field is empty, what I have to do is paste the code, you’ve given me.
Correct, copy the CSS rule here and paste it into the field on the Custom CSS screen.
There is no danger. CSS is not like PHP for example. It’s just for styling. If somehow a knock on styling issue is causes you should notice it.
It works! Finally it is how it should be!
Thanks a lot. :)
Glad we could help. All the best.