wishlist page issue

Shopify Discussion
2

Hi @momsabhiruchi ,

It looks like the GroPlus Wishlist app’s wishlist page isn’t aligning correctly below the header. This is likely due to a CSS issue. Try the following steps:

  1. Find the Wishlist Page Selector

Open your Shopify Admin Panel.

Go to Online Store > Themes.

Click Customize on your active theme.

Under Theme Actions, click Edit Code.

  1. Modify CSS to Adjust Positioning

Find your theme’s CSS file (usually in Assets/theme.css or Assets/theme.scss.liquid).

Add the following CSS at the end of the file:

.groplus-wishlist-page {

margin-top: 100px; /* Adjust this value as needed */

}

If the class name isn’t correct, inspect the element using your browser’s Developer Tools (F12 or Right-click > Inspect) to find the correct class.

  1. Check If JavaScript is Controlling Position

If the above CSS doesn’t work, the GroPlus Wishlist app might be dynamically setting the position.

Try adding this CSS:

.groplus-wishlist-page {

position: relative !important;

top: auto !important;

margin-top: 100px !important;

}

  1. Save & Preview

Hope these steps solve the issue. Let me know if you need more help.

Regards,