Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 5, 2015 at 12:12 pm #391233
    HelenaDore

    Hello,
    I have a Masonry gallery on the website http://www.shakecafe.bio but in the mobile version I would like it to be a slide show instead of every photo showing up one under the next.
    How can I modify the responsive version if possible?

    Thanks!
    Helena

    February 5, 2015 at 9:23 pm #391671
    Elliott

    Hi HelenaDore!

    What you can do here is add both the Masonry gallery and a slideshow to your page content and use CSS to hide one of them depending on the screen size. Go ahead and add both of them to your page and let us know when your done and we’ll give you some CSS to use.

    Cheers!
    Elliott

    February 5, 2015 at 9:39 pm #391686
    HelenaDore

    Hi Elliot,

    I have now added an Easyslider to both the English and the Italian version.
    Please let me know what to do next.

    Thanks!
    Helena

    February 6, 2015 at 4:34 pm #392115
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.home div#after_section_1 {
display: none;
}}
@media only screen and (min-width: 769px) {
.home div#home {
display: none; 
}}

    Best regards,
    Yigit

    February 6, 2015 at 4:42 pm #392125
    HelenaDore

    Thanks but it should be the other way around. The slide show should be visible in the mobile version and the Masonry gallery on the computer website.
    Now I have the slide show on the website and the masonry on the mobile, how do I change it to the other way around?
    Thanks!

    February 6, 2015 at 4:51 pm #392130
    Yigit

    Hey!

    Please use the code as following please

    @media only screen and (min-width: 768px) {
.home div#after_section_1 {
display: none;
}}
@media only screen and (max-width: 769px) {
.home div#home {
display: none; 
}}

    Best regards,
    Yigit

    February 6, 2015 at 4:52 pm #392132
    HelenaDore

    Great!!!!! Perfect, thank you sooooo much!

    February 6, 2015 at 4:56 pm #392135
    Yigit

    Hey!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make photos showing up differently in responsive’ is closed to new replies.