Home › Forums › Gym Master Theme Support › Gym pro mobile view
- This topic has 10 replies, 2 voices, and was last updated 3 years, 6 months ago by Sonal S Sinha.
-
AuthorPosts
-
December 11, 2020 at 10:00 am #170437
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:
https://ibb.co/gJJCLD8
https://ibb.co/4mzmFdrThis 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
December 11, 2020 at 12:04 pm #170479Hi,
Kindly show us your website URL please?
Regards,
ChrisDecember 11, 2020 at 1:13 pm #170488Hi 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
December 14, 2020 at 1:20 pm #170648Hi,
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,
ChrisDecember 14, 2020 at 1:26 pm #170650Thanks Chris this worked great however I have other images further down the screen doing the same thing how do I change them?
December 14, 2020 at 1:37 pm #170653Hi,
Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.
Regards,
ChrisDecember 14, 2020 at 1:57 pm #170660hi Chris
https://ibb.co/MVF4ZCn
December 14, 2020 at 2:04 pm #170661https://ibb.co/Rvyj0Hk
December 15, 2020 at 11:51 am #170812Hi,
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,
ChrisDecember 15, 2020 at 11:56 am #170813Hi Chris do I paste this directly after the previous code you supplied?
Sam
December 15, 2020 at 12:16 pm #170814yes
-
AuthorPosts
- You must be logged in to reply to this topic.