Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 4, 2017 at 10:15 pm #803714
    roach3747

    If you view http://www.havanamusictours.com/tour-packages on mobile you’ll see that the woocommerce products at the bottom of the page look pretty bad. They don’t display correctly.

    June 5, 2017 at 2:32 am #803738
    roach3747

    Support needed please. Thanks.

    June 7, 2017 at 10:40 am #804997
    Victoria

    Hi roach3747,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 450px) {
  .responsive .container {
    padding: 0 25px;
  }
  div .products .product {
    width: 100%;
  }
  .template-page.content.av-content-full.alpha.units, 
  main.template-shop.content.av-content-full.alpha.units {
    padding-bottom: 0px; 
  }

}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 7, 2017 at 10:06 pm #805326
    roach3747

    Thanks Victoria, that worked! I need code to fix a couple of other similarly related mobile display issues.

    1. When clicking the cart icon at the top the popup box hangs off the edge on the left.
    2. The cart page isn’t centered. havanamusictours.com/cart
    3. Checkout page isn’t centered. havanamusictours.com/checkout

    Thanks so much!

    June 9, 2017 at 9:51 pm #806227
    roach3747

    Can anyone help me with this?

    June 12, 2017 at 5:05 pm #806960
    Victoria

    Hi roach3747,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.template-page .post-entry {
    right: 0 !important;
}

    The cart content looks ok on the right on the screenshot http://imgur.com/a/CM1nr
    This code will fix the cart and the checkout pages.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 12, 2017 at 10:18 pm #807119
    roach3747

    Now everything is off center.

    June 14, 2017 at 4:03 pm #808060
    Victoria

    Hi,

    Best regards,
    Victoria

    June 14, 2017 at 4:13 pm #808067
    roach3747

    It’s centered because I removed the code you gave me. The code made it go off center.

    June 15, 2017 at 5:34 pm #808642
    Victoria

    Hi roach3747,

    Now it is very confusing. Let’s start over. What is the issue that you’re having?

    Best regards,
    Victoria

    July 17, 2017 at 6:28 pm #822807
    roach3747

    The woo commerce plugin is not displaying correctly on mobile. So when I use any of the woocommerce checkout processes (cart, add to cart, checkout) all of it is not centered on the screen. So I need code to fix each one. Because it’s doing it with anything to do with that plugin.

    July 18, 2017 at 12:31 pm #823232
    Nikko

    Hi,

    I have checked it and I think Victoria’s solution should work just fine, can you please try this code it’s basically the same but limited to mobile:

    @media only screen and (max-width:767px) {
  .template-page .post-entry {
    right: 0 !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    July 18, 2017 at 11:33 pm #823536
    roach3747

    Hers didn’t work. I tried yours and that actually shifted every element on mobile to the left.

    July 19, 2017 at 3:10 am #823596
    Nikko

    Hi,

    Can you post a screenshot on how it looks when the code is added? Can you try to remove this css code:

    .template-page .post-entry {
    position: relative;
    right: -105px;
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.