Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #323433
    VBG35
    Participant

    Hi,

    My content is getting cut off on mobile. I can’t change it so that the content shows within the screen width when you click on a product and go to the individual product page listing. Particularly noticeable on my sale items.  When you click on a sale item the sale label cuts off so the word “sale” reads as “ale.” I also have issues with removing the sale label entirely, which I have tried, and the sale label still shows on the individual product page listing for each sale item. I have also tried changing the position of the sale label and it still shows it on the far left top corner of my sale product image. On my non sale items (and sale items), on the individual product listing,  all content is pushed all the way to the left of the mobile screen so there is no spacing between the edge of the screen  and where the edges of the product image listing and content start.  On the desktop it also gets cut off a bit but if I zoom out a bit on my browser to make everything appear smaller that seems to make everything show; but it should be made so that it shows correctly even if zoom were to be 100% and not 75%. Zooming out on mobile doesn’t make the content show correctly so that doesn’t work for mobile.

    This is my website  https://cinnimini.shop

    Any help with this would be much appreciated. Really like the theme. Thank you.

    #323463
    tikaram
    Keymaster

    @vbg35 : Please add the following additional css on your site to fix the issue.

    .single-product .wp-product-detail {
      padding-left: 20px;
      padding-right: 20px;
    }

    Let me know if you are still having issue after adding the given additional css.

    Regards,
    Tikaram

    #323524
    VBG35
    Participant

    Hi Tikaram,

    What section(s) in the theme editor do I add the additional css?

    #323526
    VBG35
    Participant

    Or, where do I go to add the additional css? I’m not sure I am doing it correctly.

    #323580
    tikaram
    Keymaster

    @vbg35 :  Login to your WordPress admin section. After you are logged insert the link given below.
    https://cinnimini.shop/wp-admin/customize.php
    Now click on Additional csss and the additional css given above. Save the additional css and check your site.

    Regards,
    Tikaram

    #323597
    VBG35
    Participant

    It worked! Thank you so much!!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Issues with Sale Label and Content Partially Cut off On Mobile and Desktop.’ is closed to new replies.