8 replies · opened May 23, 2020
on the main page of my project:
https://finalproject.fishely.co.il
there's a part where I show a picture that if shown on a desktop you can see the artist on stage, but in mobile version you see only the crowd and not the artist, can that be controlled?
thanks,
Hello,
You can use the Responsive Classes to custom the Background Position of the said Section: background-position: left center !important;. Example:
.device-xs .custom-section-bg-pos {
background-position: left center !important;
}
Then add the .custom-section-bg-pos Class to the Parallax Section. The Responsive Classes are as follows:
.device-xl – Class for Large Devices >=1200px
.device-lg – Class for Medium Devices >=992px to 1199px
.device-md – Class for Tablets
.device-sm – Class for Landscape Mobiles or Phablets.
.device-xs – Class for Portrait Mobiles
You can add these Custom CSS codes in the css/custom.css File. Additionally, make sure that you have checked out the Documentation > Start > Customization Section for complete details on how to use the css/custom.css File.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
not working...
Hello,
Update the Live URL and also point us to the Section you are planning to use this code on, so that we can check further.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
you can see it at the home page where is shows Shiri Maimon live on stage
there's another website:
ogae.co.il
you can see it there too (Shiri Maimon live on stage)
and also, in tablet, I don't see the pictures in the middle part at all... strange...
in mobile and desktop they appear but on tablet they just don't
Hello,
We have just checked out your Page and we can see that the Classes are not applied to your Parallax Section as mentioned above which is why it is not working. Also, we cant see any css/custom.css File on your Page. Please make sure that you make the changes as mentioned above for this to work.
Let us know if we can help you with anything else or if you find any further issues.
I've tried it and since it didn't work, I reverted it back to the original way it was...
Hello,
We tried adding the Codes manually using Inspect Element on the Browser and it appeared to be working perfectly fine for us. It would be great if you could create a Sample Page again and provide us with the Live URL so that we can check what is going wrong. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard