Hi,
Thanks for the test page, for #1 try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.togglecontainer.av-minimal-toggle .single_toggle {
    border-bottom: solid 1px #D3D3D3;
}
.togglecontainer.av-minimal-toggle .single_toggle .toggler {
    padding-left: 0;
}
.togglecontainer.av-minimal-toggle .single_toggle .toggle_icon {
    display: 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.
For #2:

.grid-sort-container .grid-entry .inner-entry {
    box-shadow: none;
}
.grid-sort-container .grid-entry .grid-content {
    padding-left: 0;
}

For #3:

.logo.avia-svg-logo img, .logo.avia-svg-logo svg {
	max-width: 110px;
}

For #5 when I check the product images in the grid it follows the 400×495 aspect ratio and shows at 254×205, it is smaller than the 400×495 that you choose to show in the element settings because you are showing 4 columns and there is not enough room to show the images at that size since your max container width is 1200px

Best regards,
Mike

Hi,
Thank you for the link to your site, when I check your logo it hangs out of the header and over the page content on desktop and mobile, please see the screenshots in the Private Content area.
As I read your original post again you seem to be asking about the scrolling mode of the mobile header, but on mobile devices the header is not sticky or fixed by default and I don’t see any customization to make the mobile header fixed, is this what you are asking for?
If so try this css:

@media only screen and (max-width: 767px) { 
.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
    position: fixed;
}

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
    height: inherit !important;
    line-height: inherit !important;
}
.html_header_sticky #top #wrap_all #main {
    padding-top: 119px !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

Hey joneszelasko,
Thank you for your question, as I understand your question you would like to change the size of your featured image in your posts to 1200 x 630,
You can do this with this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
  $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true);
  return $size;
}

Then use the plugin Regenerate Thumbnails to resize the images.
Please note that the code above sets the crop to “true” and I believe this is correct for your situation, but if not try changing it to “false” and regenerate the images again.

Best regards,
Mike

Hi,
Thank you for your patience, I changed your mobile css to this:

@media only screen and (max-width: 768px) {
html.responsive.html_entry_id_10706,
html.responsive.html_entry_id_10713,
html.responsive.html_entry_id_12154,
html.responsive.html_entry_id_12438,
html.responsive.html_entry_id_12020,
.responsive #top.page-id-10706,
.responsive #top.page-id-10713,
.responsive #top.page-id-12154,
.responsive #top.page-id-12438,
.responsive #top.page-id-12020 {
overflow: hidden;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I see that many of your accordions have extra divs with toggle IDs when you look in the “text” tab of the editor:

Try removing these so there is only text in these fields and Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
To avoid the date try this css:

#top .avia-content-slider .slide-meta time {
    display: none;
}

For your 3 other pages css would probably be the best solution, let us know if you need help adjusting the css above for your other 3 pages.

Best regards,
Mike

Hi,
Glad to hear this helped, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Yes, those are the columns that I’m referring to, they have a background image that is causing the white behind the text.

Best regards,
Mike

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

.html_elegant-blog #top .post-entry .post-meta-infos, 
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
	display: 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

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I recommend first creating a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen, try asking your webhost if you don’t see these options.

Best regards,
Mike

Hi,
Thanks for the link to your site, I see on your homepage you have a background image that is white with a off-white drawing in it. The two columns also have this same image add to their background but due to the size they look like a white background behind the text, try removing the background image from the two columns and you will see the body background image behind the text.
If you don’t understand please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks Guenni007
If this doesn’t help then include an admin login in the Private Content area so we can examine your settings.

Best regards,
Mike

Hi,
To remove the background color for the mobile menu icon, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header #avia-menu > li.menu-item-avia-special:hover > a {
    background: transparent !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