woocommerce issue

Discussion in 'Compass WordPress Theme' started by dcjunior, Jun 3, 2015.

  1. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    When I log into the dashboard and view my shop, it looks great. Format looks good.
    However when I log off and view the shop, the format looks horrible, product pictures are huge and blurry.
    Any code to correct this?
    Attachments are included.

    http://inhalebbq.com/shop
    shop-good.jpg shop-blurry.jpg
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    I have resolved your issue
    Please have a look at your website.

    Hope you are enjoying InkTheme services.
    Do let me know if you need any help.
     
  3. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    Thank you. I'm now having that same issue when clicking and viewing any specific product. Format looks good when logged in but looks weird when logged out.
     
  4. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    I'm also having some mobile issues with the shop. If you view with your mobile device, you'll notice the "select options" buttons are huge and overlapping.
    The cart also cuts on when viewing on mobile device on the right hand side.
     
  5. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    One last problem.
    I'm having a problem with this page http://inhalebbq.com/seeds/
    I set up pictures with column shortcodes and looks good on desktop or laptop.
    However, it doesn't look good on mobile device.
    Attachments are below.
    Any help is certainly appreciated. Thank you.
     

    Attached Files:

  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I have got your concern,
    Don't worry!!!

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media screen and (max-width: 600px){
    .one_third {
      width: 40% !important;
      margin-left: 25% !important;
    }
    }
    Hope it will resolve your issue :)

    Thanks,
    Praveen
     
  7. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    Thank you. Seed flavor page still looks funky on mobile. Are column shortcodes responsive? Or any way to make the images zoom in a little more to make them easier to read?
    http://inhalebbq.com/seeds/

    Shop is still not aligned well on mobile.
    http://inhalebbq.com/shop/
     
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    Remove the earlier provided CSS code and try this one.
    Code:
    @media screen and (max-width: 600px){
    .one_third {
      width: 85% !important;
      margin-left: 0% !important;
    }
    ul.products li {
      width: 100% !important;
      margin-left: -12px !important;
    }
    }
    Thanks,
    Praveen
     
  9. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    It's not working. Attachments are included.
     

    Attached Files:

  10. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    You have forgotten to delete "}" from the CSS code that's why the code didn't working.

    Nevermind, I have resolved your issue ;)
    Please have a look at your website.

    Thanks,
    Praveen
     
  11. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    Hello Praveen,

    Thank you for your help. Our photos are still Blurry. If you look in our media folder the photos are well shot and high quality. Can you please fix this issue?
     
  12. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    One more thing, the text on the product page gets cut off on left hand side on mobile when viewing vertically.
     
  13. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Hope Doing Good.

    Could you please provide your product page URL along with some edited screenshots so that I can assist you accordingly. If you are unable to create screenshots then you can use www.screenpresso.com
    that will help you to create screenshots.

    Let me know.
     
  14. dcjunior

    dcjunior New Member

    Joined:
    Jun 1, 2012
    Messages:
    29
    Likes Received:
    0
    Thank you, Sobhagya.

    logo.jpg
    Logo needs to be centered on mobile only.
    http://inhalebbq.com/

    inhale-seed-flavors.jpg
    Seed flavor page. Photos need to be centered on mobile only.
    http://inhalebbq.com/seeds/

    inhale-shop.jpg
    Product and title with pricing text gets cut off on left hand side. Mobile only.
    http://inhalebbq.com/shop

    These two below go together.

    product-format-big.jpg
    On Desktop, When I'm logged out of Dashboard, individual product selection page....image is enlarged. Format is different.
    http://inhalebbq.com/shop/spicy-bbq-bag/

    product-format-preferable.jpg
    On Desktop, When I'm logged into Dashboard, Product selection page....format is much better. I prefer this one.
    http://inhalebbq.com/shop/spicy-bbq-bag/

    Thank you for your assistance.
     
  15. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    We have got your concern, please send us your WordPress dashboard admin login details at [email protected]. so that, we can have a look over the issues in detail and will try to resolve them ASAP.

    Your website Login link:
    WordPress username:
    WordPress password:

    Note: Once your issue get resolved, you can change your password.
     
  16. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Hope Doing Good.

    I have resolved your issue(Only Mobile Responsive section)
    Please have a look at your website.

    On Desktop image enlarged segment problem with woocommerce CSS.

    Kindly contact to woocommerce.

    Do let me know if you need any help.
     

Share This Page