Bước 1: Copy file element-logo.php từ thư mục themes > flatsome > template-parts > header > partials vào thư mục child-theme tương ứng (themes > child-theme > template-parts > header > partials)

Bước 2: Thêm thẻ H1 vào theo mẫu dưới đây

<!-- Header logo -->
<?php if(is_front_page()) : ?><h1 style="margin-bottom:0"><?php endif; ?>
<?php 
    $darklogo = get_field('dark_logo','option');
    $lightlogo = get_field('light_logo','option'); 
    $stickylogo = get_field('sticky_logo','option'); 
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?><?php echo get_bloginfo( 'name' ) && get_bloginfo( 'description' ) ? ' - ' : ''; ?><?php bloginfo( 'description' ); ?>" rel="home">
    <?php if(flatsome_option('site_logo')){
      $logo_height = get_theme_mod('header_height',90);
      $logo_width = get_theme_mod('logo_width', 200);
      $site_title = esc_attr( get_bloginfo( 'name', 'display' ) );
      if(get_theme_mod('site_logo_sticky')) echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$stickylogo.'" class="header-logo-sticky" alt="'.$site_title.'"/>';
      echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header_logo header-logo" alt="'.$site_title.'"/>';
      //if(!get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$lightlogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
      if(get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
    } else {
    bloginfo( 'name' );
  	}
  ?>
</a>
<?php if(is_front_page()) : ?></h1><?php endif; ?>

Bước 3: Lưu lại kết quả và kiểm tra

Bài viết Thêm thẻ H1 vào Logo cho Website WordPress sử dụng Theme Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.