Änderung der Anzeigenreihenfolge eines Grid Elements

Hi Michael,

Thank you for using Enfold!

1. Please use this in the Quick CSS section in Enfold > General Styling:

@media only screen and (max-width: 767px) {
  .logo img { top:0px; }
}

2. The grid cells stack on top of each other. So if you would like to keep that sequence, you will have to rearrange the cells.

If you want, you can hide the middle grid for mobile, and create another version right after it, and make that one appear only for mobile.

If you do that, we can use something like this in quick CSS:

/* This will hide the original grid for mobile phones */
@media only screen and (max-width: 767px) {
  #av-layout-grid-3  { display:none; } 
}

/* This will hide the new mobile-only version for ipads and laptops */
@media only screen and (min-width: 768px) {
  #av-layout-grid-4  { display:none; } 
}

For #3 and #4, we’ll need to take a closer look at your page through your Dashboard. May we have access, please?

Best regards,
Sarah

Hi,

3.) Use this code:

.main_color {
border: none;
}

4.) This won’t be easily possible, but you could work with Color Sections, where you implement the color of your background.

Best regards,
Andy