Help With bug appearing underneath and above announcement bar

Highlighted
New Member
8 0 0

I have been trying to edit my logo so I can have it appear on different pages of my shopify store. Basically I have been trying to have a specific logo appear on the home page and another logo to appear on every other page. I have been using reference from https://community.shopify.com/c/Shopify-Design/Different-logos-per-page/td-p/443668 and https://community.shopify.com/c/Shopify-Design/How-to-display-different-logos-depending-on-which-pag.... I am new to coding and would really like some help because the problem is like the part of your back that you can't scratch. 

Home Page:

 

 

Banner appears over bugBanner appears over bug

Closing the banner leaves the bug visibleClosing the banner leaves the bug visible

 

 

Every Other Page: 

 

 

what it looks like on every page besides homewhat it looks like on every page besides home

I was editing the header.liquid file and header-logo-block.liquid along with the theme.liquid. If anyone could help this is my first store and would really appreciate it. 

Thank You!

0 Likes
Highlighted
Shopify Partner
67 15 16

@Jacobsladdr , can you provide your store URL to check?

0 Likes
Highlighted
New Member
8 0 0

Yes

https://charonj.myshopify.com/ 

Password: RonCharon123! 

0 Likes
Highlighted
Shopify Partner
67 15 16

@Jacobsladdr  try searching for text Ivula and remove or comment it, in file theme.liquid, it should be at the very next line after body tag opening (<body ) or should be on the .liquid file included just after the body tag opening on theme.liquid file.

0 Likes
Highlighted
New Member
8 0 0

Hi, below is my code from the first body tag in theme.liquid to the end of the body. I can not seem to find my store name in the theme.liquid file of code. Please let me know if you see anything wrong with the body. 

 

<body class="template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}{% if settings.enable_currencies %} currencies-enabled{% endif %}" data-transitions="{{ settings.animate_page_transitions }}">

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-6b9a3b94-1d8d-4245-a8e5-c0e276c2dba5"></div>

{% if settings.animate_page_transitions %}
<script type="text/javascript">window.setTimeout(function() { document.body.className += " loaded"; }, 25);</script>
{% endif %}

<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>

<div id="PageContainer" class="page-container">
<div class="transition-body">

{% section 'header' %}

<main class="main-content" id="MainContent">
{{ content_for_layout }}
</main>

{% section 'footer' %}

</div>
</div>

{% section 'newsletter-popup' %}

{% if settings.cart_type == 'drawer' %}
{% include 'ajax-cart-template' %}
{% endif %}

{% if settings.enable_currencies %}
<span
id="CurrencyData"
class="hide"
data-shop-currency="{{ shop.currency }}"
data-default-currency="{{ settings.default_currency | default: shop.currency }}"
data-format="{{ settings.currency_format | default: 'money_with_currency_format' }}"
data-money-format="{{ shop.money_format | strip_html }}"
data-money-currency-format="{{ shop.money_with_currency_format | strip_html }}">
</span>
{% endif %}

{% include 'video-modal' %}
{% include 'photoswipe-template' %}

<!-- **BEGIN** Hextom USB Integration // Main Include - DO NOT MODIFY -->
{% render 'hextom_usb_main', product: product, customer: customer %}
<!-- **END** Hextom USB Integration // Main Include - DO NOT MODIFY -->
</body>

0 Likes
Highlighted
New Member
8 0 0

Does Anybody Have a Solution? 

0 Likes