Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 500px) { 
.responsive #top #wrap_all #main {
        padding-top: 81px !important;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The two question affect each other, so lets start with the second question.
Currently on mobile your table is like this:

To make it easier to read, how about this:

To achieve this try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
	display: inline;
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	display: inline;
}
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
    padding-bottom: 20px;
}
}

Ensure to keep the other css above. This also solves the first question.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

It’s added at the top of the Additional CSS box under Appearance->Customize.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
I have replied to your new thread, please check.

Best regards,
Mike

Hey ausgesonnen,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.responsive #top.page-id-472 .avia_responsive_table.avia-data-table-wrap .avia-data-table td:before {
		display: none;
	}
	.responsive #top.page-id-472 .main_color .avia_responsive_table.avia-data-table-wrap .avia-data-table.avia_pricing_minimal th {
    width: 48%;
}
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table {
    border-style: none;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,

Please try this instead:

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:hover {
  background: orange;
}

Best regards,
Rikard

Hi,

Great, I’m glad to hear that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
To make the header have the same width as your page content, add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top #header #header_main {
    padding: 0 50px;
    margin: auto;
    max-width: 1310px;
}

but this will also effect your menu, since it is in the same element, so you may wish to remove the menu background color with this css:

.responsive #top #header #header_main #header_main_alternate.container_wrap {
    background: #fff;
    border-top-style: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Koen,

There are no problems like that with the current version of the theme, so it will likely be solved.

The update to 5.6.10 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please try this CSS as well:

@media only screen and (max-width: 767px) {
  .responsive #header_meta .social_bookmarks li {
    border-top: none;
    border-bottom: none;
  }
}

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey juncruz562,

Thank you for the inquiry.

You can add this css code to center align the text or the phone info.

.html_header_top #top .av_header_stretch .container {
    display: flex;
    justify-content: center;
}

Best regards,
Ismael

Hi,

Thank you for the update.

You have to move the css rule inside the css media query.

@media only screen and (max-width: 1024px) {
  /* move the css code here */
}

Please remove the previous the css modifications, then replace it with the following code:

@media only screen and (max-width: 1024px) {
   .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
       margin: 0;
       margin-bottom: 20px;
       width: 100%;
       display: block;
       height: auto;
       overflow: hidden;
   }
}

Best regards,
Ismael

Hi!

Thank you for the inquiry.

Are you referring to the “Excellent, Caring, and Accessible Healthcare ” in the top header? You can add the following css code to set the color of the text to black.

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #000000;
}

Best regards,
Ismael