Return to previous page

Wishlist page issue- Footer is on the content

This topic has 5 replies, 3 voices, and was last updated 1 years, 6 months ago ago by Tony Rodriguez

webpat

Participant

May 15, 2023 at 15:55

can you please check my wishlist page the…footer is seen overlapping the contents of the wishlist

#356792 Copied Theme version: 6.2 WooCommerce version: 14.2

4 Answers
Rose Tyler

Support staff

May 15, 2023 at 16:07
Hello Webpat,

Thank you for contacting us and for using XStore.
Please try to add the next code in Theme options > Theme custom CSS:
```
.woocommerce-wishlist footer.footer {
    position: unset !important;
}
```
Kind Regards,
8theme team
#356796 Copied
webpat

Participant

May 15, 2023 at 16:50

Also I got below error for Mobile page from Google serch console

“Clickable elements too close together”

Can this will fix it also?

#356802 Copied

webpat

Participant

May 15, 2023 at 16:53

shall I add above css to Global CSS or where?

#356804 Copied

Tony Rodriguez

Support staff

May 16, 2023 at 06:19

Hello, @webpat,

1. The error message “Clickable elements too close together” typically indicates that the elements on your mobile page, such as buttons or links, are positioned too close to each other. This can cause issues for users trying to accurately tap on a specific element, leading to a poor user experience.

To fix this error, you can take the following steps:

a. Increase spacing: Increase the spacing between clickable elements to ensure there is enough room for users to tap on them accurately. This can involve adjusting the margins or padding around the elements.

b. Enlarge clickable areas: Increase the size of the clickable areas for buttons or links to make it easier for users to tap on them. This can be done by expanding the width and height of the elements.

c. Enlarge clickable areas: Increase the size of the clickable areas for buttons or links to make it easier for users to tap on them. This can be done by expanding the width and height of the elements.

d. Test on various devices: Check how your mobile page appears and functions on different devices and screen sizes. This will help you identify any specific issues related to the layout or spacing.

e. Utilize Google’s Mobile-Friendly Test: Use Google’s Mobile-Friendly Test tool to identify any mobile usability issues on your page. It provides insights into how Google sees your page and can highlight any problems with clickable elements being too close together.

By implementing these steps, you should be able to address the “Clickable elements too close together” error and improve the user experience on your mobile page.

2. Yes you have to add the above code in XStore >> Theme Options >> Theme Custom CSS >> Global CSS.

Best Regards,
8Theme’s Team

#356832 Copied
Tagged: best selling, content, footer, issue, themes, wishlist, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)