logo missing on Tablet and phone, Theme: OceanWP

Hello @stylusdesign,

Thank you for reaching out,

If I understand your request correctly, and as far as I’ve checked your site, it looks like you’ve either migrated it or made some changes to the URLs, which caused the logo link to change to a format that is no longer a valid URL.

If you have any customizations related to this section, you should review them. Or let us know what kind of customizations you have so we can guide you properly to fix the issue.

Please see this screenshot: https://ibb.co/N21Dbv37
The link is broken for some reason. It is likely localhost URL https://127.0.0.1. You probably have multiple URLs with this issue.
Take a full backup first. Then you can try using Elementor’s Replace URL tool and see if that fixes the problem.

Maybe resetting the logo can also help, remove it once from settings and upload and set it again.

OceanWP supports retina logos, but it’s important to ensure a few key things in normal cases:

1. Your retina logo should be exactly 2x the size of your regular logo. For example, if your normal logo is 150×50px, the retina logo should be 300×100px.

2. Go to, WP Dashboard > Appearance > Customize > Header > Logo: https://docs.oceanwp.org/article/901-customizer-header#Logo-9hk6s and make sure you’ve uploaded both the normal logo and retina Logo.

3. Go to Customizer > Header > Mobile Menu > General Settings and unset the logo here(you can upload a diferent logo here)

4. Another place you can set a different logo is here: https://docs.oceanwp.org/article/831-logo-oceanwp-settings

________

Also, you can use the following CSS, to load the desktop logo in mobile:

@media only screen and (max-width: 959px) {
    body.default-breakpoint #wrap #site-logo.has-responsive-logo .custom-logo-link {
        display: block !important;
    }
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Hope it helps,
Best Regards

• This reply was modified 10 months, 4 weeks ago by Shahin.

Hello @stylusdesign,

Thank you for the update.

The logo on the desktop is missing because it was removed.
Please reassign the logo for both the mobile and main header.

We’ve explained how to set the logo in these two links below:
1. https://docs.oceanwp.org/article/901-customizer-header#Logo-9hk6s
2. https://docs.oceanwp.org/article/901-customizer-header#General-Settings-DFFI1

As for the incorrect src link for the image or logo on mobile, I’m not sure what changes were made on the site that caused this issue, and so far, no one else has reported such a problem.

However, since you’re using Elementor, try resolving it using the Replace URL feature. Before doing that, make sure to take a full backup of your site.
Then, replace the incorrect “http://12” link with the correct logo URL.

In the meantime, you can also contact your host provider and ask them to check your site’s database for this issue (if they’re able to): https://ibb.co/9kNGknd2.

Please recheck the issue and keep us posted.

Hope it helps,
Best Regards