Logo disappeared on mobile after activation

  • Resolved notos

    (@notos)


    3 years, 9 months ago

    Hello!
    I recently installed the plug-in and it seems the logo is not appearing anymore in my header on mobile since then. I saw it can happen because of plug-in conflict, but I can’t find the line responsible of it, and therefore I can’t fix it by myself (I’m quite a beginner with WP). Can someone spot where it could come from, and explain me how to fix this?
    Thank you!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Harshad

    (@bornforphp)

    3 years, 9 months ago

    @notos Could you please check the option “Generate separate files for mobile devices” from WP-Optimize > Cache and check if it helps to fix the issue?

    Plugin Contributor Venkat Raj

    (@webulous)

    3 years, 9 months ago

    @notos In your the OceanWP the custom logo is hidden with this CSS rule

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

    Either remove it or Make it display: block and it should work

    Thread Starter notos

    (@notos)

    3 years, 9 months ago

    Thank you for your replies. I tried what you suggested @bornforphp but I still face the issue.
    @webulous thank you for finding the line, can I ask you how did you do to find the right css source responsible of the trouble? I got a little bit lost while searching in the console but I would be curious to know.
    Also, how should I edit this line? It doesnt seem to work if I override another rule with “block” through the “Customize” > Custom CSS menu : `@media only screen and (max-width: 959px)
    body.default-breakpoint #site-logo.has-responsive-logo .custom-logo-link {
    display: block !important;
    }`
    Did I miss something or is there another way to proceed?
    Thanks already for your help guys!

    Plugin Contributor Venkat Raj

    (@webulous)

    3 years, 9 months ago

    Hi @notos ,

    In any browser you could open Web Developer Tools by pressing either F12 or Ctrl+Shift+I

    https://prnt.sc/tUOEEGVvj8MU

    A pair of curly braces are missing in the screenshot (so in copy/pasted code)
    Correct code would be 

    @media only screen and (max-width: 959px) {
  body.default-breakpoint #site-logo.has-responsive-logo .custom-logo-link {
    display: block !important;
  }
}
    • This reply was modified 3 years, 9 months ago by Venkat Raj.
    Thread Starter notos

    (@notos)

    3 years, 9 months ago

    That is great, thank you so much for explaining in detail all these points. The fix you suggest works fine, now I just wonder how come the original code was working since some braces were missing? Not that important but I’m curious. Thanks for the help again!

    Plugin Contributor Venkat Raj

    (@webulous)

    3 years, 9 months ago

    The braces aren’t missing. The web developer tool just indicate that style rule is under a media query, not showing full code.

    Thread Starter notos

    (@notos)

    3 years, 9 months ago

    Okay, I understand. Thank you for the clarification 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Logo disappeared on mobile after activation’ is closed to new replies.