Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 1, 2014 at 10:30 pm #361105
    Mary15Birds

    Hi Enfold Team,
    I am working with your Grid Row feature and I am finding the responsiveness of it is kind of funny, eg: it doesn’t adjust evenly. Anything you guys can do about this?

    Thanks

    Screenshots: http://newweb.mindscope.com/wp-content/uploads/2014/12/Grid-Row-Error.png

    December 2, 2014 at 12:39 am #361202
    Elliott

    Hi mindSCOPE Staffing Software!

    It looks like it’s because of the extra large buttons your using there. Try adding this to your custom CSS.

    .avia-button.avia-size-x-large { min-width: 0px !important; width: 80% !important; }

    If that does not help then send us a link and we’ll take a look.

    Regards,
    Elliott

    December 3, 2014 at 6:36 pm #362344
    Mary15Birds

    I would really rather not dealing with custom css…anyway this can be done in quick css? Also, why is it that when I turn off the responsiveness that the buttons still adjust this way?

    December 4, 2014 at 4:30 pm #362969
    Elliott

    Hey!

    Yes you can add the CSS code I provided to the Quick CSS field as well. It’s their default styling. When using them in a one third column like that there just isn’t enough space on small mobiles.

    Best regards,
    Elliott

    December 5, 2014 at 9:21 pm #363836
    Mary15Birds

    Hi,

    I have added the code to my Quick CSS field and I am still getting weird responsiveness on the computer. On mobile it is fine because I set them to be listed vertically not horizontally. I need it to look good on smaller computer screens and tablets. It is also on almost every page of my site so I really need it to look right.

    http://newweb.mindscope.com/wp-content/uploads/2014/12/Grid-Row-Error-2.png

    Thanks,
    Mary

    December 7, 2014 at 12:55 am #364185
    Elliott

    Hi!

    Try adding this.

    @media only screen and (min-width: 480px) and (max-width: 767px) {
.avia-button.avia-size-x-large { padding: 25px 10px 23px !important; }
}

    Best regards,
    Elliott

    December 8, 2014 at 4:35 pm #364716
    Mary15Birds

    Hi Elliot,

    Thank you for this, I will keep it on file. I ended up switching the size of the boxes from x-large to large which seems to keep the text on the button, the responsiveness is still a bit off but I prefer this solution to adding custom css.

    Thank you again for your help.

    Mary

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Grid row resposiveness’ is closed to new replies.