Archived topic

Mobile Header Logo not Align with Menu

3 replies · Started by Web Impian on March 5, 2017

Viewing posts 1–4 of 4

March 5, 2017 at 12:59 pm #287499

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.

March 5, 2017 at 1:26 pm #287500

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.

March 5, 2017 at 5:21 pm #287557

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

Thank you!

March 5, 2017 at 6:38 pm #287569

You're welcome!

This archived topic is closed to new replies.

Start building better websites today.