Return to previous page

Bottom Boarder Effect - by Yusuf Moolla - on WordPress WooCommerce support

This topic has 13 replies, 4 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler

Yusuf Moolla

Participant

July 22, 2021 at 09:14

https://xstore.8theme.com/demos/2/niche-market02 is it possible to get this effect on the main header bottom boarder as shown in this screenshot below https://ibb.co/7t6zwHt

#295368 Copied Theme version: 5 WooCommerce version: 5

12 Answers

John Holden

Support staff

July 22, 2021 at 17:06

Hello

Thank you so much for contacting us!

Add box shadow for your specification section or send us wordpress logins detail so that we will check your issue in more details.

John Holden

#295486 Copied

Yusuf Moolla

Participant

July 22, 2021 at 21:18

if i can create this shadow effect for main header for mobile and desktop i will be glad

Please contact administrator
for this information.

#295535 Copied
Olga Barlow

Support staff

July 23, 2021 at 16:36
Hello,

Below code was added to child theme style.css
```
.header-bottom-wrapper {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);
}
```
Regards
#295684 Copied
Yusuf Moolla

Participant

July 24, 2021 at 12:02

im not seeing the changes

#295763 Copied

Rose Tyler

Support staff

July 25, 2021 at 07:48

Hello,

Clear all cache and check then – https://gyazo.com/49a5b8a5f3b3d33587b0ef40790969b9

Regards

#295835 Copied

John Holden

Support staff

July 25, 2021 at 07:52

Hello

Please explain your question a bit clear , currently your header is look different as your mentioned in your message so tell us under which section your need box shadow.

Regards

#295838 Copied

Yusuf Moolla

Participant

July 25, 2021 at 13:59

Okay you can leave it like that but most importantly i need it when you scroll the main header sticky https://ibb.co/1dHwTk4 for dekstop and mobile

#295927 Copied
Rose Tyler

Support staff

July 25, 2021 at 15:15
You need to add the next code also:
```
.sticky-on .header-main {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);
}
```
Regards
#295930 Copied
Yusuf Moolla

Participant

July 26, 2021 at 13:35

I did that, i am not seeing the change

#296080 Copied

Rose Tyler

Support staff

July 26, 2021 at 14:56

Where did you add the code? As was mentioned by Olga, the code should be added in style.css file of your child theme.

Regards

#296096 Copied

Yusuf Moolla

Participant

July 26, 2021 at 15:06

i added it to Additional css under the customize menu
is this correct?

Please contact administrator
for this information.

#296099 Copied

Rose Tyler

Support staff

July 26, 2021 at 15:34

You have red code there, which means it doesn’t work because unclosed } https://gyazo.com/3d1186896d43438348adf3662a65b4ef
Fixed. Check now https://gyazo.com/3b93b56132aca981c581a2b546bfa6ff > https://gyazo.com/519ac9a65a3da654f7d07acae8bcfae5

Regards

#296110 Copied
Viewing 13 results - 1 through 13 (of 13 total)