Gym pro mobile view

Home Forums Gym Master Theme Support Gym pro mobile view

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #170437
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    Hi I recently purchased the gym pro theme and have had the demo version set up.

    I have changed a couple of pictures on the home page however it looks great on desktop but not on mobile.

    I cant give you a published link as my site isn’t live its currently being designed using Bluehost

    I have uploaded the images to https://imgbb.com

    links below:

    Screenshot-2020-12-10-at-10-26-28
    Screenshot-2020-12-10-at-10-26-43

    This is happening to other images further down the page too on mobile they only slightly appear is there a way of making this look better on the mobile platform?

    Thanks

    Sam

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #170488
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    Hi Chris,

    My website isn’t live yet I am still designing it it’s being set up using blue host Shri had the log in details the other day to upload the theme.

    Sam

    #170648
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27624
    • Total: 27624
    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-block-wrapper.skt-builder-home-section2-block {
        background-size: 200%;
        background-position: left top;
    	padding-top:490px;
    	background-color: #282828 !important;
    }
    }

    Regards,
    Chris

    #170650
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    Thanks Chris this worked great however I have other images further down the screen doing the same thing how do I change them?

    #170653
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27624
    • Total: 27624
    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,
    Chris

    #170660
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    hi Chris

    Screenshot-2020-12-14-at-13-38-13

    #170661
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    Screenshot-2020-12-14-at-13-38-24

    #170812
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27624
    • Total: 27624
    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-block-wrapper.skt-builder-home-section4-block.skt-builder-home-section4-block-281 { background-position: right bottom !important; background-size: 180% !important; padding-bottom: 290px !important;}
    }

    Regards,
    Chris

    #170813
    Sam SouthwickSam Southwick
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: December 8, 2020

    Hi Chris do I paste this directly after the previous code you supplied?

    Sam

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

    yes

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