Hey Munford,
Using a header.php in your child theme will often cause errors when you update as the new updated header.php will not be used.
Please don’t add a header.php or footer.php to your child theme as this is the top reason for errors after updating, if you have a specific piece of code that you need to add to your header it is better to add it in your child theme functions.php, but I don’t see this in the code above.

Best regards,
Mike

Hey Akhurst,
To increse the font sizes for the price, sku, & categories, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-product .price span {
	font-size: 30px;
}
#top.single-product .main_color .product_meta span {
	font-size: 30px;
}

adjust the font size to suit.
To remove the related products, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function remove_woo_relate_products(){
    remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20);
}
add_action('init', 'remove_woo_relate_products', 10);

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

That is the default behavior of the pagination, which is why it’s recommended to place all post elements at the very top of the page. If you need the document to scroll to the appropriate section on load, you can try this modification.

— https://kriesi.at/support/topic/pagination-to-open-at-the-same-anchor-point-and-not-at-the-beginning-of-the-page/#post-1476867

Best regards,
Ismael

Hey limedrop,

Thank you for the inquiry.

Edit the Grid Row element, go to the Advanced > Developer Settings, then place the value “av-layout-grid-overflow” in the Custom CSS Class field. In the Enfold > General Styling > Quick CSS field, add this css code to put the grid above the layer slider:

#top #wrap_all .av-layout-grid-overflow {
    z-index: 1000;
}

Best regards,
Ismael

Hey ericdkolb,

Thank you for your inquiry. This has been answered in the previous thread: https://kriesi.at/support/topic/significant-site-slowdown-caused-by-avia_deep_decode-function-in-enfold-theme/#post-1480265

Best regards,
Ismael

Hi,
I added this css:

.category .title_container h1 a {
font-size: 300%!important;
line-height: 55px;
font-family: "sacramento", cursive;
font-weight: 400;
}

and this code to your to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($){
  $('#top.category .title_container h1.main-title.entry-title  a').contents().filter(function() {
    return this.nodeType == 3
  }).each(function(){
    this.textContent = this.textContent.replace('Archive for category:','');
    this.textContent = this.textContent.replace('Tag Archive for:','');
    this.textContent = this.textContent.replace('Archive for:','');
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );	  

the result now:

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey jscarlett,

Please try the following in Quick CSS under Enfold->General Styling:

#top #header_meta .phone-info {
  line-height: inherit;
}

Best regards,
Rikard

Hi,

Thank you for the update.

You can use this css code to adjust the style of the pagination:

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 6px;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
    font-size: 18px;
}

#top .main_color .pagination a {
    background-color: #f2f1ef;
    color: #000000;
}

#top .main_color .pagination .current {
    background-color: #d5d5d5;
}

Best regards,
Ismael

Hey kevinraposo7,

Thank you for the inquiry.

Did you set the Slide Animation > Slideshow Transition to Slide (sideways/up/down)? If so, you can add this css code to disable the initial fade-in transition of the slider.

#top .avia-slideshow-inner li {
  opacity: 1 !important;
}

This will not work if Fade is selected for the Slideshow Transition.

Best regards,
Ismael

Hi,

Thank you for the update.

The menu is set to be below the logo, so this has be adjusted with css. To make sure that the search bar is still visible on mobile view and that the burger menu is correctly placed, please add this css code:

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #header_main_alternate {
    display: block;
  }

  .responsive #top #header_main_alternate .av-main-nav .menu-item-avia-special {
    display: none !important;
  }

  .responsive #top #header .main_menu {
    width: auto !important;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,
I disabled your Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs ▸ Display only title and added this to your code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
function avf_header_setting_filter_mod($header_settings) {
    if (is_tax() || is_archive()) {
        $header_settings['header_title_bar'] = "title_bar";
    }
    return $header_settings;
}

to only show the title on your category pages.
and I added this css:

.category .container_wrap_first {
	border: none;
}
.category .title_container {
	text-align: center;
	padding-top: 50px;
	background-color: #f2f0eb !important;
}
.category .title_container h1 a {
	font-weight: 600 !important;
	line-height: 1.3em;
	font-size: 30px;
}

so compared to one of you posts:

your category title looks like this:

But note that they are both H1, I don’t see H2 like you asked.

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

#top div .avia-gallery .avia-gallery-big {
  padding: 0;
  border-width: 0;
}

Best regards,
Rikard

Hey sitadi,

Thank you for the inquiry.

You can add this css code to align the burger menu with the logo.

.av-burger-menu-main.menu-item-avia-special {
    left: 0 !important;
    top: -70px;
}

Best regards,
Ismael

Hey mosaic,

Thank you for the inquiry.

Try to add this css code to adjust the aspect ratio of the thumbnails:

#top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image {
    object-fit: cover;
}

Best regards,
Ismael