Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 3, 2015 at 11:02 pm #390435
    seidelinho

    Hi,

    if you look at the website (private content) you see that the blog grid elements don´t break when viewing on mobile devices. The thumbnails of the blog post just get smaller. What can I do about that?

    Thanks for your help!

    KR

    February 4, 2015 at 5:27 pm #390809
    Elliott

    Hey seidelinho!

    Are you wanting the two columns to break into one column on mobile devices? They are shrinking because your using the content slider. What you’ll want to do here is use the blog posts element instead and set the style to grid.

    Best regards,
    Elliott

    February 4, 2015 at 5:45 pm #390819
    seidelinho

    Hi Elliott,

    yes I want it to break into one column on mobile devices. In fact, I´m using the blog posts element with gridstyle…The slider above the blog elements is just a layerslider.

    Any suggestions?

    February 5, 2015 at 3:06 pm #391359
    Ismael

    Hey!

    You can add this on the Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 100%;
margin-left: 0;
}}

    Regards,
    Ismael

    February 23, 2015 at 10:19 pm #401032
    seidelinho

    Sorry, but that didn´t work. Any other suggestions?

    February 25, 2015 at 5:57 pm #402244
    Elliott

    Hi!

    The blog grid style should be doing that automatically, http://kriesi.at/themes/enfold/blog/blog-grid/.

    Can you send us a WordPress login?

    Best regards,
    Elliott

    February 26, 2015 at 11:01 am #402567
    seidelinho
    This reply has been marked as private.
    February 26, 2015 at 9:32 pm #402993
    Elliott

    Hey!

    Your using the Masonry there. The blog posts shortcode is what your wanting.

    Make sure to refresh your caching plugin after doing the changes.

    Regards,
    Elliott

    • This reply was modified 10 years, 8 months ago by Elliott.
    February 27, 2015 at 9:59 am #403277
    seidelinho

    Ok, but shouldn´t it work for masonry aswell? How can I make it work there?

    Thanks

    March 1, 2015 at 4:28 pm #404080
    Ismael

    Hi!

    Add this to the Quick CSS field:

    @media only screen and (max-width: 767px) {
#top .container .av-masonry-col-flexible .av-masonry-entry {
width: 100%;
}}

    Regards,
    Ismael

    March 1, 2015 at 5:05 pm #404095
    seidelinho

    Perfect! Thanks

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Blog grid elements don´t break at mobile devices’ is closed to new replies.