Display Shadow Behind The Row - Question | JoomShaper

Display Shadow Behind The Row

PF

Patrick A Frigge

Helix Framework 1 year ago

Hello We want to add shadow on menu and some other sections, but when we add the required shadow effect it is displaying over the next row or item. Pleawe review the shadow on the menu by visitng the link below. https://twincityint.com/jonasclark/index.php

Please guide me how can we display it behind the next item or row.

0
9 Answers
Pavel
Pavel
Accepted Answer
1 year ago #109024

Hi Patrick. You should add shadow for #sp-header selector and set z-index to 1. Then remove shadow for #sp-header.header-sticky selector and return z-index to 9999

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #108781

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

0
PF
Patrick A Frigge
Accepted Answer
1 year ago #108799

Thank you for reply. Please check the screenshot link below. https://twincityint.com/jonasclark/images/Screenshot.png

I have highligted the shadow with the red arrow.

Please check the main menu shadow here https://twincityint.com/jonasclark/index.php

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #108818

Do you want to delete that shadow?

0
PF
Patrick A Frigge
Accepted Answer
1 year ago #108908

Thanks for the response. I want to display this shadow behind the row below for example there is a slider below the menu. I want to display the shadow behind the slider. Please guide me.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #108995

This CSS may help you. you can follow this

https://www.w3schools.com/css/css3_shadows_box.asp

0
PF
Patrick A Frigge
Accepted Answer
1 year ago #109033

Thanks Pavel.

0
Pavel
Pavel
Accepted Answer
1 year ago #109038

Hi. Glad was to help

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #109109

Thanks Pavel for the solution.

0