• Resolved zm1917

    (@zm1917)


    Hi , i’m using quick view (Overlay) and changed the position to appear on the corner of the product image however it is not very responsive , some devices have the icon to right and some to left from where i set the Icon (Not using text) , i tried CSS and media query but still responsiveness have issues.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @zm1917,

    Sorry to hear the trouble you are experiencing. I’d like to help out. However, providing a fix suggestion for your issue might depend on your current active theme.

    It’d be really helpful if you could have used this field in your query.

    Thread Starter zm1917

    (@zm1917)

    i’m using Blocksy theme and my site is “Coming Soon” so i did not post the url however you can see my staging site :

    https://s3o.8f3.myftpupload.com/

    The button doesn’t stay in same position even with using custom CSS (currently it is off so that you can see the view) , i have a wishlist button from MC Wishlist and it stays in the same position even at different resolutions. The button position on Desktop is somewhat fine because people won’t be decreasing screen size but different mobile sizes does make it an error of styling

    Thread Starter zm1917

    (@zm1917)

    Hello , it’s been 2 days … i’m going to close my staging site so maybe the link will not work , the Module is not broken , the button position of before/after add to cart works fine , it’s just the overlay position is having responsive issue’s so maybe in near future , i’m hoping it will be solved soon

    Hi @zm1917,

    To add adjustment to the quick view button position, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .button.wp-element-button.merchant-quick-view-button {
    top: 20px !important;
    left: 20px !important;
    }
    Thread Starter zm1917

    (@zm1917)

    I had already tried this (and tried again after you gave me the code) however the styling is still odd on Tablet or Mobile , even if i use media query … The icon will not stay on the same position where i want it to appear. Well i personally want it to appear on the top Right (a little below like 13% which is already set). the problem occurs during left .i have set 84% and it leaves some space (like 10px) on right edge (on Desktop) but on tablet mode … it moves more to the right and leaves no space at the edge. For mobile it is sometimes a little left or little right (depending on the mobile) . If you could provide more options to set the position in the module … it would be very amazing and thanks for the reply!

    Hi @zm1917,

    Thank you for getting back.

    Based on our threads in this topic, I can conclude that there is no issue with the quick view functionality. The only concern is with how it is displayed in product grid made with particular theme, which is in this case is Blocksy.

    If you could provide more options to set the position in the module … it would be very amazing and thanks for the reply!

    Yes, it would be really great. Adding more compatibility with various themes will benefit many users. And, yes, I’d like to see this be implemented in upcoming releases. I am going to add this to our roadmap.

    Thanks for pointing this concern out. This really helps us improve Merchant.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.