Home Forums Basel – Premium Template IPhone 12 display issue

IPhone 12 display issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #380840

    trueoutlet05
    Participant

    Hello!

    The Basel theme has a problem displaying product prices on newer iPhone devices. How can I solve this problem? Many customers have complained about this.

    Attachments:
    You must be logged in to view attached files.
    #380911

    Elise Noromit
    Keymaster

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    #384309

    trueoutlet05
    Participant

    I inserted the site admin access into the Priva content. Tell me if you managed to solve the problem. Thanks!

    #384581

    Elise Noromit
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body.hide-larger-price .price {
      word-spacing: -1em;
      visibility: hidden;
    }
    body.hide-larger-price .price *:not(.price) {
      word-spacing: normal;
      visibility: visible;
    }
    body.hide-larger-price .price > span:nth-child(2) {
      display: none;
    }
    body.hide-larger-price .price > ins,
    body.hide-larger-price .price > small {
      margin-left: 4px;
    }
    .browser-Safari body.hide-larger-price .price {
      white-space: nowrap;
    }
    .browser-Safari body.hide-larger-price .price > ins,
    .browser-Safari body.hide-larger-price .price > small {
      margin-left: calc(1em + 4px);
    }

    Best Regards

    #384717

    trueoutlet05
    Participant

    Now it is working. Thank you very much!

    #384832

    Elise Noromit
    Keymaster

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 6 posts - 1 through 6 (of 6 total)