Gallery of images with noticeable arrows in the mobile and full version

This topic has 6 replies, 2 voices, and was last updated 4 years, 3 months ago by Elise Noromit.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
January 9, 2020 at 1:07 pm #167145

nnominor
Participant

Tell me the code CSS for
Gallery of images with noticeable arrows in the mobile and full version

Attachments:
You must be logged in to view attached files.

January 9, 2020 at 2:29 pm #167166
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:
```
@media (max-width: 768px){
body .woodmart-carousel-spacing-20 .owl-nav > div[class*="prev"], 
body .woodmart-carousel-spacing-30 .owl-nav > div[class*="prev"] {
    left: 0px;
}
body .woodmart-carousel-spacing-20 .owl-nav > div[class*="next"], 
body .woodmart-carousel-spacing-30 .owl-nav > div[class*="next"] {
    right: 0px;
}
}
body .owl-carousel .owl-nav > div, .show-arrow .wrap-loading-arrow > div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: visible;
}
```
Best Regards
January 9, 2020 at 2:36 pm #167168

nnominor
Participant

it helped for a computer, but not for mobile devices, for some reason

January 9, 2020 at 3:20 pm #167175

nnominor
Participant

file

Attachments:
You must be logged in to view attached files.

January 10, 2020 at 7:41 am #167236

Elise Noromit
Member

Hello,

You have disabled carousel script on mobile, you need to keep it enabled as shown http://prntscr.com/qlo8xr

You can find this feature in the Theme Settings > Performance > JS

Best Regards

January 10, 2020 at 7:48 am #167241

nnominor
Participant

thanks

January 10, 2020 at 7:48 am #167242

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards
Author

Posts