[Resolved] Mobile Header Logo not Align with Menu

Home Forums Support Mobile Header Logo not Align with Menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #287499
    Web Impian

    Hi,

    I uploaded mobile header logo to my website http://www.speakup.my but it is not aligned with the menu in mobile display. I have tried CSS for floating the header logo on the left and menu on the right but still the menu is positioned below to the right of the bar.

    How do I solved this problem?

    Thank you.

    GP Premium 1.2.94
    #287500
    Leo
    Staff
    Customer Support

    Hi there,

    The problem is causing by this CSS you’ve added which makes the logo always 750px wide:

    .main-navigation .site-logo {
        float: left; !important;
        line-height: 60px; /* Adjust this to your menu item height */
        width: 750px;
        margin-right: 50em;
        margin-left: 30em
    }

    Looks like you want that on desktop version? If so then try wrapping it in this:

    @media (min-width: 1024px) {
        /* CSS in here for desktop only */
    }

    Let me know if this helps.

    #287557
    Web Impian

    Aha, I see.. Works great! I removed the width since I fixed the image size.

    Thank you!

    #287569
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.