Image Slider

Home Forums All Other Themes Image Slider

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #179665
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 25
    • Total: 31
    Member since: April 26, 2021

    HI,

    I created an image slider to show 4 landscaped proportion photos. I found that the heading text was chopped and the button is not showing. It only happens on Mobile device. The desktop device looks perfect that showing the heading text and the button. I suspect it is because of the landcanped image proportion. I did a test for posting a portrait photo and it looks good.

    However, I don’t have the portrait photos to be replaced in this image slider section. I was wondering if there is any css to amend the image slider that fit for landscaped proportion image?

    You have to use your mobile to access this link: bosu.freeofficesolutions.com/ to check the problem.

    Sandy

    #179707
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27267
    • Total: 27267
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Brad

    #179710
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 25
    • Total: 31
    Member since: April 26, 2021

    Hi,
    Below are the images link, you can see the shop name and opening hours are cropped from the image.

    IMG-5913
    IMG-5914
    IMG-5915
    IMG-5916

    Sandy

    #179791
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27267
    • Total: 27267
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .skt-builder-carousel .skt-builder-carousel-title { font-size: 28px !important; margin-bottom: 5px !important; margin-top:0 !important;}
    .skt-builder-block-wrapper p { margin-bottom:5px; font-size:16px !important;}
    .skt-builder-carousel .skt-builder-carousel-button { margin-top:20px !important;}
    }

    Regards,
    Brad

    #179873
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 25
    • Total: 31
    Member since: April 26, 2021

    Thank you, it works perfectly.

    #179878
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27267
    • Total: 27267
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.sitejabber.com/reviews/sktthemes.org

    Regards,
    Brad

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