Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 30, 2015 at 8:53 am #480553
    albertoty

    Hi,

    I would like to do a different layout on smartphones and tablets, doing for example

    2/3 + 1/3 for Desktop
    1/2 + 1/2 for Tablet
    1/1 for Smartphone

    In bootstrap I could use .col-md-*, for smatphone .col-xs-*, tablet .col-sm-*

    and to hide I could: hidden-md hidden-xs hidden-sm

    Do you have something similar in Enfold?

    July 30, 2015 at 8:11 pm #480905
    Elliott

    Hey albertoty!

    That’s how it should behave in Enfold as well. If you open up /enfold/css/grid.css you can see how the media queries work around line 340.

    Cheers!
    Elliott

    August 6, 2015 at 2:56 pm #483898
    albertoty

    but there is not an easy way to custom a container, image or any other element please?,

    I think that it is very common to customize the interface on Smartphone and Tablets in different ways, because even if Enfold helps, it doesn’t do it completely well.

    For example, it is very easy to do it en bootstrap, to customize the size in a div I could do something like:
    <div class=”.col-md-3 .col-sm-6 .col-xs-12″>

    August 7, 2015 at 12:05 pm #484471
    Andy

    Hey!

    you are right, bootstrap is very different to WordPress and no there is no easier way to do it. Please follow Elliott’s instructions.

    Best regards,
    Andy

    August 7, 2015 at 3:00 pm #484552
    albertoty

    Hi Andy, thanks for the info, I guess that some helpers classes could be great in the next versions of your templates, or even based the template in on Bootstrap ;)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom layout – Smartphones and Tablets’ is closed to new replies.