Navigation
Archive / 3 Issues: Place Order button, mobile remove product, gaps on essential grid
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 12, 2016 at 9:43 am #1212998
    nathandutoit
    Participant

    Hello Themeco,

    Looking to wrap up the website: thefitplatenola.com but I am encountering a few issues that need to be resolved.

    Place Order Button – If you add an item to the cart and proceed to the checkout page, you will see the place order button is pulling from .button. I would like to customize this to match the css edits I did on .x-btn.

    Removing single product on mobile device – This is the main issue. For some reason, after a user adds 1 item to the cart but then decides to remove the item from the cart, the “X” to remove the item has to be pushed three times to clear the cart.

    Essential Grid gaps – I imagine this can be fixed with some custom css but I haven’t been able to come up with a solution yet. You’ll see that there is an intermittent issue where the blocks are not showing marginless. See the menu page for the best representation of this issue – https://thefitplatenola.com/menu/

    Wordpress version – 4.6.1
    X version – 4.6.4
    Cornerstone – 1.3.3

    Thanks!

    Nathan

    October 12, 2016 at 2:37 pm #1213463
    Jade
    Moderator

    Hi Nathan,

    Your site currently has a coming soon page active. Kindly provide us with the admin details so that we could check this further.

    Thank you.

    October 12, 2016 at 4:29 pm #1213619
    nathandutoit
    Participant

    Hey Jade,

    Sorry about that.

    Under construction has been lifted.

    October 13, 2016 at 1:16 am #1214172
    Paul R
    Moderator

    Hi Nathan,

    Thank you for lifting it.

    Place Order Button

    You can add this in Custom > Edit Global CSS in the customizer

    
.woocommerce-checkout input#place_order {
    border-radius: 15px;
    color: #ffffff;
    border: 0px;
    background-image: linear-gradient(to right, #b55820, #fbb040);
}

    Removing single product on mobile device

    Can you try it in our demo site and see if it is doing the same in your end.

    http://demo.theme.co/shop-integrity/

    Essential Grid gaps

    Upon checking, I didn’t see any gaps

    http://screencast.com/t/nq7j41lJ
    http://screencast.com/t/fJSQQLwEZbPb

    May I know what browser are you using?

    Thanks

    October 14, 2016 at 10:02 am #1216235
    nathandutoit
    Participant

    Hi,

    Thanks for your help. I fixed the button on the checkout page. Much better.

    The gaps are an intermittent issue. I often see it on second load of a page or when responding the site.

    I tried your demo site and it works great. The problem still exists on my end, sometimes on desktop too, where a single product cannot be deleted unless the X is selected three times.

    Here is a similar issue: https://themeskills.com/fix-problem-with-removing-items-from-woocommerce-cart/

    I don’t have a cache plugin installed though. Could this possibly be an issue the GoDaddy caching?

    Thanks,

    Nathan

    October 14, 2016 at 6:39 pm #1216717
    Rad
    Moderator

    Hi there,

    I checked and I can see it either. Maybe it’s due to connectivity and loading speed? Please provide a video recording of this issue.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1212998 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>