Uploaded logo won't show up on password page

Highlighted
Tourist
3 0 0

Hey Flexkit!

Like many others, the logo isn't showing up on the password page.   The Theme is Debut

https://royalwagyusupply.com/

Also, do I center my logo and menu items on the mobile view of my home page?

 

Thanks,

GD

 

<!doctype html>
<html class="no-js" lang="{{ shop.locale }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="{{ settings.color_button }}">
<link rel="canonical" href="{{ canonical_url }}">

{% if settings.favicon != blank %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{% endif %}

<title>
{{ shop.name }} &ndash; {{ 'general.password_page.opening_soon' | t }}
</title>

{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}

{% include 'social-meta-tags' %}

{{ 'theme.scss.css' | asset_url | stylesheet_tag }}


<script src="{{ 'vendor.js' | asset_url }}" defer="defer"></script>

<script src="{{ 'theme.js' | asset_url }}" defer="defer"></script>

<script src="{{ 'password.js' | asset_url }}" defer="defer"></script>

{{ content_for_header }}
</head>

<body class="template-password">
<div class="password-page">
<header class="password-header" role="banner">
<div class="password-header__inner">
<div class="password-login">
<a href="#LoginModal" class="js-modal-open-login-modal link--action btn btn--secondary" aria-haspopup="dialog">
{{ 'general.password_page.password_link' | t }} <span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
</header>

<div class="password-main" role="main">
<div class="password-main__inner">
{{ content_for_layout }}
</div>
</div>
</div>

<div id="LoginModal" class="modal" role="dialog" aria-modal="true" aria-labelledby="password-modal-heading">
<button type="button" class="modal__close js-modal-close text-link">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'general.accessibility.close_modal' | t | json }}</span>
</button>
<div class="modal__inner">
<div class="modal__centered password-modal__content page-width">
<div class="password-content">
<h2 class="password__form-heading h4" id="password-modal-heading">
{{ 'general.password_page.login_form_heading' | t }}
</h2>
</div>

{% form 'storefront_password', class: 'form-single-field' %}
{%- assign formId = 'PasswordLoginForm' -%}
<div class="input-group {% if form.errors %}input-group--error{% endif %}">
<label id="PasswordLabel" for="Password" class="label--hidden">{{ 'general.password_page.login_form_password_label' | t }}</label>
<input type="password" name="password"
id="Password"
class="input-group__field input--content-color {% if form.errors %}input--error{% endif %}"
placeholder="{{ 'general.password_page.login_form_password_placeholder' | t }}"
data-login-field
autocomplete="off"
aria-labelledby="PasswordLabel {% if form.errors %} {{ formId }}-password-error{% endif %}"
{% if form.errors %}
data-error="password"
aria-invalid="true"
{%- endif -%}
>
<span class="input-group__btn">
<button type="submit" name="commit" class="btn btn--narrow">
{{ 'general.password_page.login_form_submit' | t }}
</button>
</span>
</div>
{%- if form.errors -%}
<span id="{{ formId }}-password-error" class="input-error-message">
<span class="visually-hidden">{{ 'general.accessibility.error' | t }} </span>
{% include 'icon-error' %}
<span>{{ form.errors.messages['form'] }}</span>
</span>
{%- endif -%}
{% endform %}
<p class="password-content">{{ 'general.password_page.admin_link_html' | t }}</p>
</div>
</div>
</div>

<script>
var theme = {
strings: {
addressError: {{ 'sections.map.address_error' | t | json }},
addressNoResults: {{ 'sections.map.address_no_results' | t | json }},
addressQueryLimit: {{ 'sections.map.address_query_limit_html' | t | json }},
authError: {{ 'sections.map.auth_error_html' | t | json }}
},
breakpoints: {
medium: 750,
large: 990,
widescreen: 1400
}
}
</script>

</body>

 

 

0 Likes
Highlighted

Hi @_glorydayz_ 

Add the following code at the end of assets/theme.css.liquid

.template-password .site-header__logo-image img { display: inline-block; }

Are you looking for a new store or have a problem?
Contact me at flexkit.sppt@gmail.com
Highlighted
Tourist
3 0 0

Where is that in the code above?

0 Likes
Highlighted

@_glorydayz_ Click Actions button beside the theme and then click Edit code.

From the left sidebar, open assets/theme.css.liquid and then paste the code at the end of the file.

 

Are you looking for a new store or have a problem?
Contact me at flexkit.sppt@gmail.com
Highlighted
New Member
1 0 0

Thank you sooooooo much!!!  Just following along and pasting the code you gave has fixed the same problem in my store's password page. Thank you again!

0 Likes
Highlighted
New Member
2 0 1

Adding the above code:

.template-password .site-header__logo-image img { display: inline-block; }

to the bottom line in assets / theme.css.liquid only displays the broken image icon.

Screenshot 2020-10-28 at 02.08.30.png

Any other solutions out there?

Highlighted
Shopify Partner
9444 1187 3312

@eggertr 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
19 0 1

Hi @KetanKumar  

i have broken image too.please help

My url : https://dearest-one.myshopify.com/

Highlighted
New Member
1 0 1

hi I need help, I tried to follow instructions and it said that it could not save so I deleted code but now feel I may have deleted the wrong thing. 

I need help with my logo showing on the landing page also... 

Highlighted

Hi @Jodes @TrulyCreative 

Please contact me with your store links.

@TrulyCreative You must did something wrong with the logo on password page.

Are you looking for a new store or have a problem?
Contact me at flexkit.sppt@gmail.com
0 Likes