Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 20, 2020 at 10:58 pm #1186573
    MJM

    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

    February 22, 2020 at 1:19 pm #1186952
    Rikard

    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

    February 28, 2020 at 4:51 pm #1188858
    MJM

    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!

    February 28, 2020 at 6:18 pm #1188880
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    March 2, 2020 at 5:04 pm #1189479
    MJM

    It can be closed. Thanks!

    March 3, 2020 at 8:13 am #1189606
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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