Remove gray frames top and bottom

Hi Franz,

Please try to tweak Mike’s code so it only applies to desktop and not mobile:

@media only screen and (min-width:768px) {
  #top .content .flex_column .widget_nav_menu li {
    border-style: none !important;
  }
}

Hope this helps.

Best regards,
Nikko

Hi Franz,

Please try adding this CSS code as well:

@media only screen and (max-width:767px) {
  #top #wrap_all .flex_column.avia-builder-el-last {
    margin-bottom: 0;
  }
}

Best regards,
Nikko

Hi Franz,

I have added the code and it’s showing equal space on top and bottom (30px on both sides).
Please review your site.

Best regards,
Nikko

Hi Franz,

Since the CSS code on your site is not added via CSS but via Theme Customizer, I added it there.
Go to Appearance > Customize > Additional CSS.

Best regards,
Nikko

Hi Franz,

I apologize for causing confusion, and the numbers I gave were incorrect.
On the top area, there’s a paragraph above the widget with a default bottom margin of 0.85em which is 14.5px, and the column above it is 20px so the total space on the top area is 34.5px.
On the bottom area of the widget, there’s the nav menu wrapper which is 24px in bottom padding plus the overall wrapper which is 20px bottom padding, total bottom space is 44px.
If you want to increase the space top and below then just replace:

@media only screen and (max-width:767px) {
  #top #wrap_all .flex_column.avia-builder-el-last {
    margin-bottom: 0px;
  }
}

with (adjust the padding values as you see fit):

@media only screen and (max-width:767px) {
  #top #wrap_all .flex_column.avia-builder-el-last {
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

If you would like to reduce the space then please add a CSS class name for the Color Section (apply this on all sections that uses a sidebar with nav menu widget) for example you’ll add the class mysection, then add this in Quick CSS to remove the space (just adjust the value as you see fit):

@media only screen and (max-width:767px) {
  /* Remove top space */
  #top #wrap_all .mysection .flex_column.first {
    margin-bottom: 0;
  }

  #top #wrap_all .mysection .flex_column.first p:last-child {
    margin-bottom: 0;
  }

  /* Remove bottom space */
  #top #wrap_all .mysection .widget:last-child {
    padding-bottom: 0;
  }

  #top #wrap_all .mysection .av-content-full {
    padding-bottom: 0 !important;
  }
}

Best regards,
Nikko