Omit phone number with yellow backing from showing on mobile sites.

Hey Buddy,

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

@media only screen and (max-width: 767px) {
#text-5 {
  display: none;
}
}

Best regards,
Rikard

Hi,
I was not able to clear your cache so I added this css to your WordPress ▸ Customize ▸ Additional CSS to hide the yellow phone number on mobile and to add some padding to the #main container so the top text is not behind your sticky mobile header.

@media only screen and (max-width: 500px) {
.responsive #top #header #header_main .inner-container #text-5.widget {
  display: none;
}
.html_header_sticky #top #wrap_all #main {
    padding-top: 165px !important;
}
}

I also added this css to make your menu items not white:

.header_color .main_menu ul:first-child > li > a,
.header_color .main_menu .menu ul li a {
	color: #000;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Please try this CSS as well:

#text-5 p {
  font-size: 14px; 
}

Best regards,
Rikard