How can I remove the “–” before the name on the “Opening Soon” page

Store Design
1

How can I remove the “–” before the name on the “Opening Soon” page (– Avyanna Decore)? None of the other pages have this issue.

Screenshot 2026-01-20 143748
Screenshot 2026-01-20 143748526×156 10.5 KB

Screenshot 2026-01-20 143716
Screenshot 2026-01-20 143716865×195 9.33 KB

2 Likes
3

The code which output this is here:

I guess, the page_title for you homepage does not include the shop name, but not empty either.

Check Online Store-> Preferences-> “Social sharing image and SEO”: “Home page title”.
Just remove everything in there…

4

Hi naveen.raj,

First, check if a custom title with the dash was entered in the page’s SEO settings (Online Store > Pages > [Opening Soon] > Edit website SEO). If that’s clear, the issue is likely in your theme code.

This usually happens in the title tag of the template used for that page (like password.liquid or a custom page template). Look for a line that outputs the title and remove the – or separator being added.

Are you using a custom page template for this “Opening Soon” page, or is it your store’s password page?

1 Like
6

hi i can’t find “{{ page_title }} – {{ shop.name }}” which will look something like this.

<html

{% if request.design_mode %}

class="shopify-design-mode"

{% endif %}

lang=“{{ request.locale.iso_code }}”

>

{%- if settings.favicon != blank -%}

  <link

    rel="icon"

    type="image/png"

    href="{{ settings.favicon | image_url: width: 32, height: 32 }}"

  >

{%- endif -%}



{% comment %} This a way to wait for main content to load when navigating to a new page so that the view transitions can work consistently {% endcomment %}

{% if settings.transition_to_main_product or settings.page_transition_enabled %}

  <link

    rel="expect"

    href="#MainContent"

    blocking="render"

    id="view-transition-render-blocker"

  >

{% endif %}



{%- render 'meta-tags' -%}

{%- render 'stylesheets' -%}

{%- render 'fonts' -%}

{%- render 'scripts' -%}

{%- render 'theme-styles-variables' -%}

{%- render 'color-schemes' -%}



{% if request.design_mode %}

  {%- render 'theme-editor' -%}

{% endif %}



{{ content_for_header }}

{% render 'skip-to-content-link', href: '#MainContent', text: 'accessibility.skip_to_text' %}

<div id="header-group">

  {% sections 'header-group' %}

</div>



<script>

  // Inline header height calculation to prevent layout shift

  // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function

  (function setHeaderHeighCustomProperties() {

    /\*

     \* Header calculation functions for maintaining CSS variables

     \* Mimic calculateHeaderGroupHeight() in utilities.js

     \*/

    const header = document.querySelector('header-component');

    const headerGroup = document.querySelector('#header-group');

    const hasHeaderSection = headerGroup?.querySelector('.header-section');



    if (!header || !headerGroup) return;



    const headerHeight = header.offsetHeight;



    // Calculate the total height of the header group

    let headerGroupHeight = 0;

    const children = headerGroup.children;

    for (let i = 0; i < children.length; i++) {

      const element = children\[i\];

      if (element === header || !(element instanceof HTMLElement)) continue;

      headerGroupHeight += element.offsetHeight;

    }



    // Check for transparent header special case

    if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {

      headerGroupHeight += headerHeight;

    }



    // Set CSS variables

    document.body.style.setProperty('--header-height', \`${headerHeight}px\`);

    document.body.style.setProperty('--header-group-height', \`${headerGroupHeight}px\`);



    /\*\*

     \* Updates CSS custom properties for transparent header offset calculation

     \* Mimic updateTransparentHeaderOffset() in utilities.js

     \*/



    if (!hasHeaderSection || !header?.hasAttribute('transparent')) {

      document.body.style.setProperty('--transparent-header-offset-boolean', '0');

      return;

    }



    const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');



    const shouldApplyOffset = !hasImmediateSection ? '1' : '0';

    document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);

  })();

</script>



<main

  id="MainContent"

  class="content-for-layout"

  role="main"

  data-page-transition-enabled="{{ settings.page_transition_enabled }}"

  data-product-transition="{{ settings.transition_to_main_product }}"

  data-template="{{ template }}"

>

  {{ content_for_layout }}

</main>



{% sections 'footer-group' %}



{% render 'search-modal' %}



{% if settings.quick_add or settings.mobile_quick_add %}

  {% render 'quick-add-modal' %}

{% endif %}
7

In your theme it’s in the snippet I mentioned in my answer above.
Do not do editing theme code before you’ve checked the setting I mentioned.