Overlap Column

Hey Julie,

Thank you for the inquiry.

The structure or html of the page looks broken. The footer and socket container are not supposed to be inside the color section. Did you add any html tags to the page? Please try deactivating all plugins, then check all html on the page and make sure that all tags are closed properly.

Best regards,
Ismael

Hi,

Thank you for the update.

Apply an ID to the Color Section containing the Column element in the Advanced > Developer Settings > Custom ID Attribute field. Use “avwm-hero-section,” for example, then add this css code to pull the content below and make the column overlap with the next section.

@media only screen and (min-width: 989px) {
  /* Add your Mobile Styles here */
  #avwm-hero-section {
    margin-bottom: -500px;
  }
}

Best regards,
Ismael

Hi,

Thank you for following up.

and it won’t go under with this code

This is possible but you will have to change the background color of the first section to transparent. Please try this css code:

#hero-hp-whats-new {
    margin-bottom: -450px;
    position: relative;
    z-index: 9999;
}

#hero-hp-whats-new .container, #hero-hp-whats-new, #hero-hp-whats-new .entry-content-wrapper {
    background-color: transparent !important;
}

Best regards,
Ismael