How can i move the wishlist option from down to up beside the rate which will only show the icon and align the cart and the buy button side by side as per given image:
Below image is the requirement
Currently i’m stuck with the below image:
Topic summary
A user seeks to reposition the wishlist icon next to the product rating (showing only the icon) and align the cart and buy buttons side by side on their product page.
Current Issue:
- Wishlist option appears below desired position
- Cart and buy buttons not aligned horizontally
Solution Provided:
Another user shared CSS customization steps:
- Navigate to Online Store → Edit Code
- Locate the
theme.liquidfile - Insert custom CSS code just above the
</body>tag
The solution includes markup/CSS code (partially visible in the conversation) and a result screenshot demonstrating the repositioned elements. The helper requested feedback on whether the solution resolves the issue and offered further assistance with store optimization if needed.
1 Like
Hi @obito_uchiha01 ,
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
Result:
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka