Hi,
Thank you for that, I adjusted the code and now it seems to work correctly, Please clear your browser cache and check.

function move_price(){
  ?>
  <script>
  jQuery(window).load(function(){
jQuery( '.single-product.woocommerce-page' ).each(function() {
jQuery( this ).find( '.av-woo-purchase-button p.price' ).insertBefore( jQuery(this).find('.special-heading-border') );
});
});
  </script>
  <?php
  }
  add_action('wp_footer', 'move_price');

Best regards,
Mike

Hey janton1,
Please try this code in the General Styling > Quick CSS field:

.template-shop.avia-content-slider .inner_product_header_table {
display: flex!important; 
justify-content: center!important; 
}

Best regards,
Mike

Hey ejo14,
Please try this code in the General Styling > Quick CSS field:

#media_image-2 {
    float: right;
    top: -50px;
}

Please see the screenshot in Private Content area for expected results.

Best regards,
Mike

Hey SyberKnight,
This option is for language special characters as ë and é, which may be used more in some countries than others, and typically those email systems would support the special characters.

Best regards,
Mike

Hey Heathcliffe,
I tried to duplicate what you explained above, but I made my color sections have a background color so I could see the space in mobile. Here is my results with just the two color sections:

and here is when I added a a short separator between the color sections:

So as you see in the first screenshot the two color sections have no gap, and in the second screenshot the short separator has a top & bottom padding of 50px, giving a gap.
Is this what you mean?

Best regards,
Mike

Hi,
I took a look at your footer widget titles and adjusted your css to:

#footer h3.widgettitle {
  font-weight:bold;
}

and it is now showing as font-weight 700, which is bold.
I notice that your font, Raleway, doesn’t display the bold font-weight very well, so I added this rule:

text-shadow: 1px 0 0 currentColor;

To make it a little “bolder”
Please clear your browser cache and check.

Best regards,
Mike

Hey soundstrat,
The color of your text is the same as your button on mouse-over, Please try this code in the General Styling > Quick CSS field:

#top #header .av-main-nav > li:hover > a .avia-menu-text {
color: #fff !important;
}

This will change it to white, or feel free to adjust to suit.

Best regards,
Mike

Hi,
I took a look at your page and found that you are using Enfold version 4.0.7, please update to v4.4.1
Please update the theme via FTP, look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.
If for some reason you want to go back to the old version, simply remove the new folder and change the name of “enfold-old” back to “enfold”

Best regards,
Mike

Hey Marie-Claude,
Please try this code in the General Styling > Quick CSS field:

.av-masonry-sort {
line-height: 16px !important; 
}

Please adjust to suit

Best regards,
Mike

Hi,
I took a look at your shop, but I didn’t find any items with a sale price, please link to the item with this issue, so we can assist.

Best regards,
Mike

Hey Blue_Bear,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function move_price(){
  ?>
  <script>
  jQuery(window).load(function(){
jQuery( '.single-product.woocommerce-page' ).each(function() {
jQuery( this ).find( '.av-woo-purchase-button .woocommerce-Price-amount' ).insertBefore( jQuery(this).find('.special-heading-border') );
});
});
  </script>
  <?php
  }
  add_action('wp_footer', 'move_price');

Then try adding this code in the General Styling > Quick CSS field:

.single-product.woocommerce-page .av-special-heading-h3 h3.av-special-heading-tag  {
padding-bottom: 20px !important;
}

Please see the screenshot in Private Content area for the expected results.

Best regards,
Mike

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

Best regards,
Mike

Hi,
Please try looking in the sidebar of your editor under Layout > Header visibility and transparency and choose the option “no transparency”

Best regards,
Mike

Hi,
Thank you for the login, I believe it would be better to use a image as a burger menu item so there won’t be these issues.
Please try this example code in the General Styling > Quick CSS field:

.av-hamburger::before {
    content: url(https://s6.postimg.cc/hw8mmus4h/icons8-menu-filled-50.png);
    display: block;
    padding-top: 5px;
}
.av-hamburger-inner {display:none!important;}

If you like this icon you can save it to your site and change the url above to point to it, otherwise you could find a new icon to use instead. I found this icon at: https://icons8.com/icon/set/menu/all

Best regards,
Mike

Hi,
Glad to hear that using the br code will work for you. I added this css to change the color of your hr:

.av_textblock_section .avia_textblock hr {
    border: solid #00a0a3 !important; 
    border-width: 1px 0 0 !important; 
}

Please clear your browser cache and check.

Best regards,
Mike