Please Help

Home Forums All Other Themes Please Help

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #73007
    Adam Jasinski
    Participant
    • Topics: 7
    • Replies: 28
    • Total: 35
    Member since: May 12, 2017

    Hello,

    I am a paid user of the Launch Pro theme. I have two major issues/problems I need help with. My website is http://www.mykidsondrugs.com

    1.) In iPhone, the phone number on top in mobile view does not display, I’ve attached photo. It seems to work on Android (?)

    iPhone Mobile View Phone Number Missing

    2.) In Mobile view across all devices, the “products” section that features each product has a problem. The price of the product is not visible clearly and looks really bad until it is clicked because the price box is see-though. Is there any way to move the price box to display below the product image?

    mobile product price view problem

    #73054
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23404
    • Total: 23404
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    Use phone No in tel:

    Example: <a href="tel:+1 561 376 8130">+1 561 376 8130</a>

    @media screen and (max-width:479px) {
    #products-box .prodprice {bottom:-11px; display: inline-block; float: none; left: 0; right:inherit; position:relative; font-size:21px;}
    #products-box .prodbuy a {float: right; position: relative; right: 0; bottom: 0;}
    .prodbuy { float:right; margin-top:18px;}
    }

    Regards,
    Chris

    #73105
    Adam Jasinski
    Participant
    • Topics: 7
    • Replies: 28
    • Total: 35
    Member since: May 12, 2017

    Hello,

    The CCS code solved part of the problem. Now the price box is below product image in mobile, but the title and “add to cart” are misaligned. Is there a CSS code that can put the title below the price box, and make them all even? Also, can the “stars” go below the image box as well, please?

    Thank you for your continued help. I am planning on purchasing more themes in the future.

    #73110
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23404
    • Total: 23404
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    Remove previous css code which i sent:

    @media screen and (max-width:479px) {
    #products-box .prodprice {bottom:-11px; display: inline-block; float: none; left: 0; right:inherit; position:relative; font-size:21px;}
    #products-box .prodbuy a {float: right; position: relative; right: 0; bottom: 0;}
    .prodbuy { float:right; margin-top:18px;}
    }

    Add this New css code there:

    @media screen and (max-width:479px) {
    #products-box .prodprice {bottom:-11px; display: inline-block; float: none; left: 0; right:inherit; position:relative; font-size:21px; width:116px !important;}
    #products-box .prodbuy a {float: right; position: relative; right: 0; bottom: 0;}
    .prodbuy { float:right; margin-top:11px;}
    }

    Regards,
    Chris

    #73123
    Adam Jasinski
    Participant
    • Topics: 7
    • Replies: 28
    • Total: 35
    Member since: May 12, 2017

    Hi,

    Unfortunately, it did not fix the problem.

    #73126
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23404
    • Total: 23404
    Member since: August 16, 2013

    Hi,

    Kindly use this new css code:

    @media screen and (max-width:479px) {
    #products-box .prodprice {bottom:-11px; display: inline-block; float: none; left: 0; right:inherit; position:relative; font-size:21px; width:100px !important;}
    #products-box .prodbuy a {float: right; position: relative; right: 0; bottom: 0;}
    .prodbuy { float:right; margin-top:11px;}
    }

    Remove previous css

    Regards,
    Chris

    #73129
    Adam Jasinski
    Participant
    • Topics: 7
    • Replies: 28
    • Total: 35
    Member since: May 12, 2017

    Thank you, this is perfect, now lastly, is there a way to remove the star rating on the product image or put it below the title? The star rating is in the way of the product image and provides no visual benefit being there in that spot

    #73131
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23404
    • Total: 23404
    Member since: August 16, 2013

    Hi,

    Kindly use this css for remove star ratings.

    #products-box .review_5 { display:none !important;}

    Regards,
    Chris

    #73137
    Adam Jasinski
    Participant
    • Topics: 7
    • Replies: 28
    • Total: 35
    Member since: May 12, 2017

    Thanks

    #73138
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23404
    • Total: 23404
    Member since: August 16, 2013

    🙂

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