Okay
  Public Ticket #2466812
Before after issue on Safari
Closed

Comments

  • Konstantin Frantzis started the conversation

    Hey friends!

    Unfortunately the before-after-slider-stripe cuts the whole page on Iphone-IOS Device. Android works fine. Please check the attached picture.

    Could you help getting rid of it?

    Thank you for your help!

    Best regards,
    Konstantin

    Attached files:  21D18972-8553-49A7-BEAA-B73C6D3AA9C4.jpg
      3F4FAD42-0EEE-4085-8419-B22A09B3C1DC.jpg

  •  1,203
    Support Agent 1 replied

    Hi Konstantin,

    Unfortunately, we weren't able to recreate the issue on your site. We have tested on Safari 13 (Iphone). Could you please let us know on which device and browser version you have tested?

    Please let us know if adding the following CSS code to Additional CSS field on Appearance > Customize helps:

    .bt_bb_before_after_image .bt_bb_before_after_image-container {
        overflow: hidden !important;
    }
    

    Thanks!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Konstantin Frantzis replied

    Thank you for your help!

    Unfortunately this did not work. It is an IphoneX. Issue displays on Safari and Chrome as well. 

    Attached files:  6C8C6FBB-D14C-4FEE-B0B1-1031F4EE97F9.jpg

  •  136
    BoldThemes replied

    Hi,

    Please try adding the following to Appearance > Customize > Additional CSS:

    .bt_bb_before_after_image { overflow: hidden; }

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  • Konstantin Frantzis replied

    Thx! You can close this ticket.

    Best regards!

  •  1,180
    Support Agent replied

    Hi,

    You are welcome!

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!