Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1186573

    Hello,
    I am using the grid row element and no matter what color I have the background set to, it is changing to a dark gray when resized between 768 and 989 pixels. When the screen is wider or smaller than that, it is the color I have set it to. I am using the element on three different pages and all are having the same issue. Do you know of a way to fix this? Thanks for your help!

    Normal display

    Display at 769 px

    #1186952

    Hey Kirstie,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
    .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
        display: table;
    }
    }

    Best regards,
    Rikard

    #1188858

    That worked great! I also added the following code to remove the margin at the bottom that was still dark gray:

    @media only screen and (max-width: 989px) {
    	.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    		margin-bottom: 0px;
    	}
    }

    Thanks for your help!

    #1188880

    Hi,

    I’m glad you found a solution. Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1189479

    It can be closed. Thanks!

    #1189606

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid Row Changing Color’ is closed to new replies.