Hello,

More than one h1 tag error on each product page in delta theme. (screenshot attached)

actually when I checked page source of product  -

One is -

<div class="basic isDesktop isTablet"> <h1> <div class="price mbCl3 p-23999000000x">23999.00 Rs.</div> Nothing Phone (2a) 5G Phone with Dual 50 MP Rear Camera </h1>

and other is

<div class="basic isMobile"> <h1> <div class="price mbCl3 p-23999000000x">23999.00 Rs.</div> Nothing Phone (2a) 5G Phone with Dual 50 MP Rear Camera </h1>


Can you please tell me how to fix this issue.

Thanks in Advance.

I find some solution , to fix this issue.. but I am not sure its right and if its right then how to do this in css


use CSS to hide one of the headings based on the screen size:

@media (max-width: 768px) { /* Adjust the screen size as needed */
    .desktop-heading {
        display: none;
    }
}

@media (min-width: 769px) { /* Adjust the screen size as needed */
    .mobile-heading {
        display: none;
    }
}

Waiting for reply.  Can anyone please suggest me how to fix this.. as you know for best seo only one h1 tag is required on page.

Hello,

I found this code in item.php

For Desktop

<div class="basic isDesktop isTablet">
<h1>
<?php if(del_check_category_price(osc_item_category_id())) { ?>
<div class="price mbCl3 p-<?php echo osc_item_price(); ?>x<?php if(osc_item_price() <= 0) { ?> isstring<?php } ?>"><?php echo osc_item_formated_price(); ?></div>
<?php } ?>

<?php echo osc_item_title(); ?>
</h1>



<?php if($make_offer_enabled) { ?>
<a href="#" id="mk-offer" class="make-offer-link" data-item-id="<?php echo osc_item_id(); ?>" data-item-currency="<?php echo osc_item_currency(); ?>" data-ajax-url="<?php echo mo_ajax_url(); ?>&moAjaxOffer=1&itemId=<?php echo osc_item_id(); ?>"><?php _e('Submit your offer', 'delta'); ?></a>
<?php } ?>
</div>

For Mobile

<div class="basic isMobile">
<h1>
<?php if(del_check_category_price(osc_item_category_id())) { ?>
<div class="price mbCl3 p-<?php echo osc_item_price(); ?>x<?php if(osc_item_price() <= 0) { ?> isstring<?php } ?>"><?php echo osc_item_formated_price(); ?></div>
<?php } ?>

<?php echo osc_item_title(); ?>
</h1>

<?php if($make_offer_enabled) { ?>
<a href="#" id="mk-offer" class="make-offer-link" data-item-id="<?php echo osc_item_id(); ?>" data-item-currency="<?php echo osc_item_currency(); ?>" data-ajax-url="<?php echo mo_ajax_url(); ?>&moAjaxOffer=1&itemId=<?php echo osc_item_id(); ?>"><?php _e('Submit your offer', 'delta'); ?></a>
<?php } ?>
</div>

And I have remove code for mobile , and I have changed desktop code as below

<div class="basic">
<h1>
<?php if(del_check_category_price(osc_item_category_id())) { ?>
<div class="price mbCl3 p-<?php echo osc_item_price(); ?>x<?php if(osc_item_price() <= 0) { ?> isstring<?php } ?>"><?php echo osc_item_formated_price(); ?></div>
<?php } ?>

<?php echo osc_item_title(); ?>
</h1>



<?php if($make_offer_enabled) { ?>
<a href="#" id="mk-offer" class="make-offer-link" data-item-id="<?php echo osc_item_id(); ?>" data-item-currency="<?php echo osc_item_currency(); ?>" data-ajax-url="<?php echo mo_ajax_url(); ?>&moAjaxOffer=1&itemId=<?php echo osc_item_id(); ?>"><?php _e('Submit your offer', 'delta'); ?></a>
<?php } ?>
</div>



Now Its showing only one H1 Tag on each product.


Can you please check I have done right or wrong...