Return to previous page

Previous/Next button not working on small screen devices

This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Srinivas

Srinivas

Participant

May 17, 2021 at 08:47

In the demo (Live Preview), I can see the “Previous Product Button” & “Next Product Button” on the desktop view. But there is no Previous and Next button option on Smart phone version or small screen device.

is it possible to enable that option for small screen devices?

And I want to increase the size of the Previous/Next button.

#287745 Copied Theme version: 7.2.8 WooCommerce version: 5.3.0

4 Answers

Olga Barlow

Support staff

May 17, 2021 at 13:26

Hello,

From what resolution do you want to show these buttons?

Regards

#287788 Copied

Srinivas

Participant

May 17, 2021 at 18:20

Previous/Next buttons are not working on mobile, tabs (small screen devices). How can I fix that?

#287855 Copied
Olga Barlow

Support staff

May 17, 2021 at 18:47
Hello,

Add the below code to Theme Options > Custom CSS
```
@media only screen and (max-width: 1300px){
    .posts-navigation {
        display: block;
    }
}
@media only screen and (max-width: 768px){
    .posts-nav-btn {
        height: 90px;
    }
}
@media only screen and (max-width: 480px){
    .posts-nav-btn {
        display: flex;
    }
}
```
Regards
#287865 Copied
Srinivas

Participant

May 18, 2021 at 10:43

Its working, thanks!

#287904 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Previous/Next button not working on small screen devices’' has been successfully resolved, and the topic is now closed for further responses

Previous/Next button not working on small screen devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection