How can I fix 'Null' appearing in my website's header and footer?

[Juliya]

Hello. I have an issue, my shop shows “Null” in header and footer and i dont know how to fix that, please help me:(

https://www.urbanbloom.cz/

It is in the top left and bottom right corner and its visible only if you scroll up or down.

[KetanKumar]

@Juliya

yes please share code theme.liquid

or remove your last code

[BSS-Commerce]

Hi @Juliya

• Because we can’t access your store admin to check null in any code, we can only suggest you add CSS to cover it.

• Please go to Online store => Edit code => search file theme.css, theme.min.css, base.css. Each theme will have a different CSS file name (For example, with Drawn themes is base.css as shown below).

Then, you add the CSS code below at the end of the file and save your code.

.footer-wrapper:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 25px;
    z-index: 1;
    background: #fff;
    top: -30px;
}

.footer-wrapper {
    position: relative;
}

• Here is the result:

I hope that this will work for your site.

[infoatcodelab7]

@Juliya

Can you please share your theme.liquid file ?

[Juliya]

Hello Infoatcodelab7,

Thank you for responding so quickly.
Attaching code:

{%- comment -%}DemoStoreRequirements{%- endcomment -%} {%- unless settings.type_header_font.system? -%} {%- endunless -%}

{% if settings.animations_enabled %}

{% endif %}

{% if settings.popup–enable %}

{% endif %}

{% if settings.favicon != blank %}

{% endif %}

{%- unless settings.type_header_font.system? -%}

{%- endunless -%} {%- unless settings.type_base_font.system? -%} {%- endunless -%} {%- unless settings.type_navigation_font.system? -%} {%- endunless -%}

{%- comment smartseo_integration_begin_meta_data -%}
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ’ %} – {{ ‘general.meta.tags’ | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ ‘general.meta.page’ | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

{%- endcomment smartseo_integration_end_meta_data -%}

{% if page_description %}
{%- comment smartseo_integration_begin_meta_data -%}{%- endcomment smartseo_integration_end_meta_data -%}
{% endif %}

{% render ‘social-meta-tags’ %}

{% render ‘css-variables’ %}
{% style %}
*,
*::before,
*::after {
box-sizing: inherit;
}

html {
box-sizing: border-box;
background-color: var(–body-color);
height: 100%;
margin: 0;
}

body {
background-color: var(–body-color);
min-height: 100%;
margin: 0;
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
{% endstyle %}

{%comment%}{{ content_for_header }}{%endcomment%}{%include “stra”%}

{% if template contains ‘customers’ %}
{{ ‘shopify_common.js’ | shopify_asset_url | script_tag }}
{% endif %}

{% if template.name == ‘article’ %}

{% endif %}

{{ ‘gem.js’ | asset_url | script_tag }}

{% comment %}
Add the page template as a class for easy page or template specific styling.
{% endcomment %}

{{ ‘theme.min.css’ | asset_url | stylesheet_tag }}
{{ ‘font-awesome.min.css’ | asset_url | stylesheet_tag }}
{{ ‘swiper.min.css’ | asset_url | stylesheet_tag }}
{% if settings.animations_enabled %}
{{ ‘animate.min.css’ | asset_url | stylesheet_tag }}
{% endif %}
{% if settings.popup–enable %}
{{ ‘fancybox.min.css’ | asset_url | stylesheet_tag }}
{% endif %}
{{ ‘custom.css’ | asset_url | stylesheet_tag }}

{% comment %}
Cart Drawer, also used by ‘Quick View’, ‘LogIn’, and ‘Search’
{% endcomment %}
{% render ‘right-drawer’ %}

This store requires javascript to be enabled for some features to work correctly.

{% section ‘announcement-bar’ %}
{% section ‘header’ %}

{% unless template.name == ‘collection’ or template == ‘list-collections’ or template contains ‘contact’ %}
{% if settings.enable_breadcrumbs %}
{% render ‘breadcrumb’ %}
{% endif %}
{% endunless%}

{% if template == ‘index’ %}

{% elsif template == 'cart' or template contains 'customers/' %}

{% else %}

{% endif %}

{{ content_for_layout }}

{% section 'footer' %}

{% if settings.popup–enable %}
{% render ‘popup’ %}
{% endif %}

{% if settings.enable_verification_popup %}
{% render ‘verification-popup’ %}
{% endif %}

{% render ‘paywhirl-main’ %}
{% include ‘mw_NCP_helper’ %}

[Juliya]

Hello! Thanks for the answer, i did try your suggestion and it did work for footer, but header still the same and showing null at the top, any suggestions?

[BSS-Commerce]

Hello @Juliya

Did you try our suggestion? Please tag us if you need further help.

[Juliya]

Hello @BSS-Commerce , yes thanks for footer it did help, but in header its still shows me null, can you please give me the code for header so i will paste it to the same files, thanks!

[BSS-Commerce]

Hi @Juliya

• Please add this CSS in the file base.css:

.header-section--wrapper:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 1;
    background: #fff;
    top: -30px;
}

• Here is the result:

We hope that this can help you.

[Juliya]

@BSS-Commerce thanks a lot, i added to theme.min.css and it worked ( i dont have base.css ), thanks again!