Hi,
When I check your page on desktop the css I posted above is not applied, and this is what makes the button larger and center, so I don’t know if you have an error in your css, or if you didn’t add it because you didn’t understand, but this is the desktop part of the css that you should ensure to use:

@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 300px;
    height: 100px;
    font-size: 24px;
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
    padding-top: 0;
}
}

this is the result:

I now assume that you now wanted the button to move up a little, so you would then add this css:

@media only screen and (min-width: 768px) { 
.slideshow_inner_caption {
	top: -100px;
}
}

for this result:

feel free to adjust to suit.

Best regards,
Mike

Hi,
You don’t want to try the plugin? I’m recommending this so you will be able to easily make changes in the future.

Best regards,
Mike

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

@media only screen and (max-width: 450px) { 
.slideshow_inner_caption {
	top: -30px;
}
}

After applying the css, please clear your browser cache 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

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

@media only screen and (max-width: 767px) { 
#hello .avia_textblock img {
	width: 50%;
}
}

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 for mobile.

Best regards,
Mike

Hi,
Your header is transparent the gray that you see is from the top color section on the page:

when the header is scrolled the #897270 color is from your Logo Area Color:

if you don’t want a transparent header change the setting on the page in the backend in the admin sidebar:

As for the header widget, I disabled the above css and added this:

@media only screen and (min-width: 990px) and (max-width: 1670px) { 
	#header_main .inner-container .widget .textwidget {
  	 margin-left: -196%;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1440px) { 
  #header_main .inner-container .widget .textwidget p span {
  	 font-size: 14px !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1670px) { 
  #header_main .inner-container .widget .textwidget p span {
  	 font-size: 18px !important;
  }
}
  #header_main .inner-container {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  align-content: center;
  }
  #header_main .inner-container .widget {
  	padding: 0;
  }
  #header_main .inner-container .widget .textwidget {
    align-content: center;
    height: 100%;
  }

please clear your browser cache and check.

Best regards,
Mike

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

@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 300px;
    height: 100px;
    font-size: 24px;
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
    padding-top: 0;
}
}
@media only screen and (max-width: 767px) { 
	#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
	padding: 10px 6px;
	font-size: 10px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To change the color of the burger menu icon on desktop try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: red !important; 
  }

To adjust the width of the mobile menu go to Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu Styling ▸ Flyout Width

Best regards,
Mike

Hi,
If you just want to show different widgets in the footer for different pages, I recommend using the plugin Widget Options, it offers a easy way to choose which widgets show on each page.

Best regards,
Mike

Hi,
I recommend creating different widgets in your footer and use the plugin Widget Options to show each widget on specific pages and then use css like above to hide the footer on all other pages.

Best regards,
Mike

Hi,
This assumes that you want the footer to show only on this page at screen sizes over 1440px, feel free to adjust to a different screen size if you wish.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 1440px) { 
#top:not(.page-id-3288) #footer {
	display: none;
}
}
@media only screen and (max-width: 1439px) { 
#top #footer {
	display: none;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Most of your errors seem to be coming from the WordPress core file /wp-admin/includes/template.php, I’m not sure why this is, but I recommend starting over and use the plugin instead of trying to do it yourself manually.
I don’t recommend trying to use the plugin to overwrite your current errors, delete your current new WordPress install and start over.
Another option may be to use your webhost staging site option, 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.

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

Hey northorie,
To have a mobile menu when the header is transparent and change to the full menu on scroll for desktop screens, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 2500px) {
  #top #header.av_header_transparency .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header.av_header_transparency .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

Best regards,
Mike

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

#tab-id-1-content .tab_inner_content {
	padding-top: 0%
}
#tab-id-2-content .tab_inner_content {
	padding-top: 4%
}
#tab-id-3-content .tab_inner_content {
	padding-top: 11%
}
#tab-id-4-content .tab_inner_content {
	padding-top: 18%
}
#tab-id-5-content .tab_inner_content {
	padding-top: 25%
}
#tab-id-6-content .tab_inner_content {
	padding-top: 33%
}
#tab-id-7-content .tab_inner_content {
	padding-top: 39%
}
#tab-id-8-content .tab_inner_content {
	padding-top: 46%
}
#tab-id-9-content .tab_inner_content {
	padding-top: 53%
}
#tab-id-10-content .tab_inner_content {
	padding-top: 60%
}
#tab-id-11-content .tab_inner_content {
	padding-top: 66%
}

you may need to adjust this a little, it the only solution I could think of.

Best regards,
Mike