Add widget left and right to the Header

Hi,
Please include a admin login in the Private Content area so we can assist. Please ensure that the WordPress > Appearance > Editor menu option is available so we can add a function to your functions.php

Best regards,
Mike

Hi,
Sorry for the late reply, I found that I needed to change this a little from the instructions on the post you found, so the css I added to your WordPress > Customize > Additional CSS is:

#header_main.container_wrap_logo {
display: flex !important; 
}
.container_wrap_logo .av-logo-container {
width: 32% !important; 
display: inline-flex !important; 
order: 2 !important;
padding: 0px !important; 
}
.container_wrap_logo .widget:first-child {
width: 32% !important; 
display: inline-flex !important;
    justify-content: center;
    align-self: center;
    align-items: center;
order: 1 !important; 
}
.container_wrap_logo .widget:nth-child(2) {
width: 32% !important; 
display: inline-flex !important;
order: 3 !important; 
    justify-content: center;
    align-self: center;
    align-items: center; 
}
#header_main_alternate {
   border-bottom-width: 1.5px;
   border-bottom-style: solid;
}
@media only screen and (max-width: 767px) { 
nav.main_menu {
    top: 70px !important; 
    right: -70% !important; 
}
.logo a img {
float:right !important;
}
}

and the script I added to your functions.php:

function custom_script(){
  ?>
  <script>
   jQuery(window).load(function(){
    jQuery( '#header_main_alternate' ).insertAfter( '.container_wrap_logo' );
    });
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_script');

Please clear your browser cache and check.
I left the widgets in place so you could see how to add you info in them, please adjust to suit.

Best regards,
Mike

Hi,
Yes, the “custom html” widget supports the code for buttons.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Do you mean a text block in the header widget area, or somewhere else?
It seems that most of your text is in a text block element on your site, so to change the line height for only certain text block elements you will want to add a custom class to the by ensuring that the box is checked at: Enfold Theme Options > Layout Builder > Show element options for developers then the custom class box will show when editing it.
Then your css would look like this:

.avia_textblock.custom_class  {
line-height: 1em !important; 
}

Best regards,
Mike

Hi,
Happy New Year to you too :)
I adjusted your css to move the burger icon up to centered next to your logo when it’s in mobile view, but I noticed that this left the content of each page with a top padding of 50px, so it was down a little far.
If you agree, then you could add this css to remove that padding from the mobile view:

@media only screen and (max-width: 767px) { 
main.template-page.content {
padding-top: 0px !important;
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this css:

@media only screen and (max-width: 767px) {
#custom_html-2, #custom_html-3 {
display: none !Important;
}
}

Best regards,
Mike

Hi,
I took a look at your site and tried going to different pages to see this error, but I couldn’t recreate it.
I see that you are not merging the site’s css or js, so that can’t be causing a error.
Perhaps your webhost is caching at the server level, please ask them or check your webhost options for a way to clear the server cache.
Please let us know if this continues and I will ask for the rest of the team to take a look. If you could create a video of the error that would be nice. There are some Android apps that will do this, and I’m sure there must be a Apple app if you have a iPhone.

Best regards,
Mike

Hi,
Thank you for the video, I had only been looking at the mobile version and now I see the issue on the desktop version.
I believe this is due to the speed that your site is loading the css files.
I checked all of your css from the WP Customizer and the Quick CSS and found a couple of small errors and combined all of it into your child theme, then I enabled your SG Optimizer, which seems to be your control for your server cache.
I expect that once your server cache is built it should load quicker and you would not see this.

Best regards,
Mike

Hi,
Sorry for the late reply, This does look like the css for the header is taking a little extra time to load, I was sure once the page was caching that it would load fast enough that we would not see this.
I see that in your functions.php you were calling a css file “my_custom.css” to replace the parent css, but the file was empty, so I disabled this because I thought it was causing the extra load time, but it didn’t help.
I tried the Enfold Theme Options > Page Preloading option and it hides the error with the site logo, Please clear your browser cache and check if this is acceptable.

Best regards,
Mike

Hi,
Perhaps you could use this plugin: Service Area Postcode Checker with woocommerce.
Perhaps you could use a popup to ask the visitor to check their address.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

a.button.wc-forward {
display: none !important;
}
a.button.checkout.wc-forward {
display: block !important;
}

Best regards,
Mike

Hi,
I adjusted your code to this:

add_filter('gettext', 'translate_reply');
add_filter('ngettext', 'translate_reply');

function translate_reply($translated) {
$translated = str_ireplace('Billing & Shipping', 'Your info', $translated);
return $translated;
}

It seems to be working now, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike