[Resolved] Showing And Centering Logo On Mobile Devices

Home Forums Support [Resolved] Showing And Centering Logo On Mobile Devices

Home Forums Support Showing And Centering Logo On Mobile Devices

  • This topic has 13 replies, 4 voices, and was last updated 3 weeks ago by David.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1941901
    Kwame

    Hi,

    After turning on the mobile header, and using code in this support topic to center the logo, the logo is no longer showing.

    Am I missing something?

    Here is the site:

    https://www.autotribute.com/

    Thanks!

    #1941929
    Ying
    Staff
    Customer Support

    Hi there,

    I just checked on my phone, your logo seems displaying correctly.
    https://www.screencast.com/t/ylq2vlYpxE

    Make sure you clear your browser cache on your mobile device πŸ™‚

    Let me know if you need further assistance πŸ™‚

    #1941971
    Kwame

    That’s an old theme I deleted. For some reason, it’s still showing even though I replaced it with GeneratePress and have since deleted my cache many times. (Separate topic, but how do I fix this issue?)

    This is the site with GeneratePress:

    https://www.screencast.com/t/opkoaoX2nv

    Thanks,
    Kwame

    #1942115
    Ying
    Staff
    Customer Support

    You might still have some server cache going on.

    I’m sorry I can’t provide solutions without seeing the code.

    We can work on this topic once the other topic is resolved.

    #1942166
    Kwame

    Hi, Ling,

    I managed to clear the server cache. The site should now look as it should on mobile.

    Thanks.

    #1942739
    Ying
    Staff
    Customer Support

    You are using mobile header, you need to upload a logo at customizer > layout > header > mobile header.

    Once the logo is uploaded, we can figure out a CSS solution to center the logo.

    And where do you want to place the hamburger menu icon? Let me know πŸ™‚

    #1942747
    Kwame

    That did the trick. The hamburger menu is OK on the left.

    Is there a way to also automatically center the logo in the footer? Right now, I am using the following code to center it:


    @media
    (max-width:768px) { .footer-widgets img {
    display: block;
    margin-left: 70px;
    }
    }

    Thanks

    #1942761
    Leo
    Staff
    Customer Support

    Have you tried the alignment option?
    https://www.screencast.com/t/Z36LlT6cCTIe

    Let me know πŸ™‚

    #1942776
    Kwame

    Hi, Leo,

    Well, I want the logo to show on the left on desktop (but center on mobile) and the sites social media icons to show on the right.

    #1942784
    Leo
    Staff
    Customer Support

    Remove your own CSS and try this instead:

    @media (max-width: 768px) {
        .footer-widget-1 .wp-block-image .alignleft {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
    }
    #1942786
    Kwame

    Worked like a charm.

    Thank you, Leo.

    #1942789
    Leo
    Staff
    Customer Support
    #1945258
    Kwame

    Hi, Leo,

    There seems to be a minor issue. At least on my phone, the header menu doesn’t drop down. Is just me?

    Thanks

    #1945387
    David
    Staff
    Customer Support

    Hi there,

    i checked your site on my iPhone and the hamburger menu is working ok for me.
    Can you try clearing the browser caches ?

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.