background images in color section don’t show

where is that page ( name is enough for me )

_________________

ok – your widget content gets bigger – than new settings are needed:

again search for the entries in quick css and change those values:

/* declarations inside these comments had to be changed  */
/* and missing declarations had to be added to the existing ruleset */

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet.html_header_top #top #main {
    /* padding-top: 420px !important; */
    padding-top: 550px !important;
  }
}

@media only screen and (max-width: 989px) {
  #header .inner-container {
    /* grid-template-columns: 3fr 1fr; */
    /* grid-template-rows: 50px 1fr; */
    /* padding: 20px 0; */
    grid-template-columns: 4fr 1fr;
    grid-template-rows: 160px 1fr;
    padding: 0;
  }
  .responsive.html_header_top #top #main {
    /* padding-top: 400px !important;  change to new value*/
    padding-top: 550px !important;
  }
  #header .inner-container {
    /* margin: 15px 0 0;  so just erase that rule*/
  }

  #header .inner-container .logo a, #header .inner-container .logo img {
    height: 300px !important;
    max-height: 300px !important;
    /* width: auto; */
    width: 300px !important;
    max-width: unset;
  }
}

ps – is that a wise decision to have such a big header area for mobile devices?