Return to previous page

Reply 199913 to: ARROWS DON'T APPEAR ON MOBILE VERSION

Avatar: Eprana
Eprana
Participant
September 25, 2018 at 12:53

Hy Rose.

Let’s go through all the steps, because the arrows still do not appear on the phone-mobil.
We have tried several phones, cleaned the cache and none appear.

These are the steps I have followed from the beginning:
:

1.- I copied the line of code you gave me, in the phuntions.php file of my child-theme:

wp_enqueue_style( ‘dynamic-css’, get_stylesheet_directory_uri() . ‘/dynamic.css’ );

2.- – I created an empty dynamic.css file in the child-theme. (I gave you access to my cpanel, and now there is written this code:

/* BEGIN global_custom_css */
.et-mobile-menu li a {
color: #fff;
}
.main-footer.text-color-light .widget-title,
.main-footer.text-color-light .wpb_heading{border-bottom:1px solid #555;}
.posts-slider .meta-post {
display: none;

}
@media only screen and (max-width: 768px){
.single-product .carousel-area .owl-nav {
display: block !important;
}
}

/* END global_custom_css */
/* BEGIN custom_css_desktop */
@media(min-width: 992px){
.blog .sidebar,
.single-post .sidebar {
position: sticky;
top: 0;
right: 0;
}
.blog .fixNav-enabled .fixed-already + .container + .header-wrapper + .page-heading + .container .sidebar,
.single-post .fixNav-enabled .fixed-already + .container + .header-wrapper + .page-heading + .container .sidebar {
top: 150px;
}
}
/* END custom_css_desktop */

3.- – I copied the code you gave me in the Global Custom CSS of the Theme Options:

@media only screen and (max-width: 768px){
.single-product .carousel-area .owl-nav {
display: block !important;
}
}

I have deleted the cache in all the mobile phones where we have tried
but it’s still the same … there must be some failure!

#199913 Theme version: 1.0 WooCommerce version: 4.9.7
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.