Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 13, 2017 at 10:56 pm #876350
    Uros

    I set vertical align on bottom in grid row element and on desktop and tablet is fine, but on mobile vertical align is top. How to force vertical align on bottom for mobile?

    i tried with vertical-align:bottom !important; didn’t help

    November 15, 2017 at 4:14 pm #877119
    John Torvik

    Hey Uroš,

    Please, can you provide your WP credentials?

    Best regards,
    John Torvik

    November 15, 2017 at 10:15 pm #877226
    Uros

    Credentials are in private content

    November 17, 2017 at 9:50 pm #878303
    Basilis

    Hi,

    You need to use media queries for the specific class and make it work on desktop

    media queries for common device breakpoints

    let us know if there is anything else.

    Best regards,
    Basilis

    November 18, 2017 at 11:13 am #878478
    Uros

    yes i tried with that but did not help. When i inspect element it says that it is on that screen 767px set to vertical align: bottom;
    see print screen

    https://imgur.com/a/eM4pF

    November 19, 2017 at 10:53 pm #878884
    Mike

    Hi,
    The grid css for mobile view changes at that brake point, but we can’t overwrite it because it is using !important;
    If you remove the !important; from /wp-content/themes/enfold/css/grid.css line 146 we maybe able to overwrite it, or you can comment out lines 139, 144-146 yourself.
    I’m not sure what other effects it will have on your grid.
    2017-11-19_154139
    If you are using a child theme you can add a copy of grid.css to it.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.