Support Center Visit Demo License manager Buy @ envato

Spacing not working on Custom Product Page

digisailsdigisails
in Other

HI, I have created a custom product template and I'm trying to add spacing between the wraps and it is not working.

I tried adding the value in padding as well as in the margin section, but it is not working.

The URL is https://trottersjaisalmer.net/experience/half-day-sunrise-camel-safari/

This is how it appears:

How it comes.png

And this is how we want:

What we need.jpg

Please help!

Comments

  • digisailsdigisails
    edited March 2022

    Another issue is that the Add to cart button is not displayed on the mobile version. It extends beyond the screen.

    The client likes it on the desktop version. The only issue is with the mobile version.

    Half Day Sunrise Camel Safari – Trotters Jaisalmer.png

    Please help with this as well.

    Thanks!

  • PhilPhil

    Hi,

    1) Did you add this space in the Advanced tab for a wrap?

    image.png

    2) Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    @media only screen and (max-width: 767px){
   .single-product .cart{
   flex-direction: column;
 }
}

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • digisailsdigisails
    1. Yes, i have added that, but still it is not working.
    2022-03-03_20-24-00.png

    2) This is sorted, Thanks a lot! :)

  • PhilPhil

    Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

    Notice!

    Please attach a link to this forum discussion.

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • digisailsdigisails

    HI Phil, there is one more issue.


    We are unable to click the cart icon in the mobile version. It seems as if the logo is stretching in the whole header and it opens the homepage on clicking the cart icon.

    WhatsApp Image 2022-03-07 at 11.20.36 AM.jpeg


  • PhilPhil

    1) The issue with product styling requires a fix in the theme files. I have passed this to the dev team, and it should be available in the next update.

    2) I have fixed the issue with the cart icon with a CSS code which I have placed in Theme options -> Custom CSS & JS -> CSS. Please, remove it after the next update.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • digisailsdigisails

    Ok, thanks a lot Phil! :)

Sign In or Register to comment.