Hey limedrop,

Please provide a link to the site/page in question. Also, the font chosen needs to actually have an & glyph.

Best regards,
Jordan Shannon

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon

Hi,

Great, I’m happy to help! If you need anything else, please let us know here in the forums.

Best regards,
Jordan Shannon

Hey Charlotte,

Can you screenshot the problem area?

Best regards,
Jordan Shannon

Hey bobfurgo,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Change the value 1024 to the pixel value of your choice.

Best regards,
Jordan Shannon

Hey jblacksten,

Add this to quick css:

@media only screen and (max-width: 767px){
#av_section_1 .flex_column_table.av-equal-height-column-flextable.-flextable{
margin-top:20px!important;
}}

Best regards,
Jordan Shannon

Hey Itai,

Looks like the class is in the wrong space. Try the following:

.yellow-nl .form_element_fourth {
    margin-left:0px!important;
}

#top .main_color .yellow-nl input[type='text']{
    border-color: #000000!important;
    background-color: #fff!important;
    color: #000000!important;
}

.main_color .yellow-nl input[type='submit'] {
    background-color: #000000!important;
    color: #ffffff!important;
    border-color: #000000!important;
}

Best regards,
Jordan Shannon

Hi,

To prevent the menu overlap Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Change the value 1024 to the pixel value of your choice.

Best regards,
Jordan Shannon

Hi,

Adjusted the css a bit. Please test:

.sponsorbedragen td.avia-highlight-col {
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #aea04b !important;
}

.main_color .avia-data-table.sponsorbedragen  th.avia-highlight-col {
border-color: #ebebeb;
color: #000000;
background-color: #f5f3ed !important;
}

.main_color .sponsorbedragen tr:nth-child(even) {
color: #000000 !important;
}

td, th, tr, .main_color .sponsorbedragen.avia-data-table .avia-highlight-col {
background-color: #f5f3ed;
font-size: 19px;
}

.sponsorbedragen th:first-child {width: 25%;}
.sponsorbedragen th:nth-child(2) {width: 60%;}
.sponsorbedragen th:nth-child(3) {width: 15%;}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
letter-spacing: 0px;
}

.sponsorbedragen tr td:first-child {
font-weight: bold;
}

@media only screen and (max-width: 767px) { 
.avia-data-table-wrap.avia_responsive_table td:before {
display: none !important;
}
}

@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table, 
.responsive div .avia_responsive_table .avia-data-table tbody, 
.responsive div .avia_responsive_table .avia-data-table tr, 
.responsive div .avia_responsive_table .avia-data-table td, 
.responsive div .avia_responsive_table .avia-data-table th {
border: none !important;
}
}

@media only screen and (min-width: 768px) {
.responsive .avia_responsive_table .avia-data-table,
.responsive div .avia_responsive_table .avia-data-table tbody,
.responsive div .avia_responsive_table .avia-data-table tr,
.responsive div .avia_responsive_table .avia-data-table td {
border: none !important;
}
.responsive div .avia_responsive_table .avia-data-table th {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #969696 !important;
}
}

@media only screen and (min-width: 768px) {
.page-id-25 .responsive .avia_responsive_table .avia-data-table,
.page-id-25 .responsive div .avia_responsive_table .avia-data-table tbody,
.page-id-25 .responsive div .avia_responsive_table .avia-data-table tr,
.page-id-25 .responsive div .avia_responsive_table .avia-data-table td {
border: 1px solid #969696 !important;
}
.page-id-25 .responsive div .avia_responsive_table .avia-data-table th {
border: 1px solid #969696 !important;
}
}

@media only screen and (max-width: 767px) {
td {
padding: 0px;
}
td.avia-highlight-col {
padding-bottom: 20px !important;
}
}

tr.avia-heading-row {
border-bottom: 1px solid #000000 !important;
}

Best regards,
Jordan Shannon

Hi,

Add this to quick css:

.avia-builder-el-0.avia-builder-el-first{
    font-size: 50%!important;
    word-break: break-word!important;
}

Best regards,
Jordan Shannon

Hi,

This may be able to be fixed via css. Can you link us to your site?

Best regards,
Jordan Shannon

Hi,

Use the following service:

https://snipboard.io/

Best regards,
Jordan Shannon

Hi,

Enfold > General Styling > Quick CSS

Best regards,
Jordan Shannon

Hi,

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

Best regards,
Jordan Shannon