Masthead Align Left CSS Breaks Link

  • nichstaroni · Member ·

    Hi Ben,

    Align menu left CSS breaks website name link.

    .masthead .menu {
    text-align: center;
    float: none;
    }

    or

    .masthead .menu {
    text-align: left;
    float: none;
    }

    The blog I need help with is: (visible only to logged in users)

  • binarymoon · Theme Author ·

    Hi there – so what are you trying to do and where do you see this breaking things?

    I’ve tested both styles you showed me and they both work as I would expect them to, but that might not be what you are expecting :)

    If you can give me a bit more info about what you want to do then maybe I can help make it right.

    Ben

  • nichstaroni · Member ·

    When I added the CSS to move the menu left, the name of the site and the logo are no longer clickable. Those links no longer work.
    I will add the CSS back right now so you can see it on my site.
    Sorry, I took it off while I was changing some colors etc.

  • binarymoon · Theme Author ·

    Ah ha – I see what you mean now. I didn’t realise the header wasn’t clickable.

    One thing you could do is change the ‘float: none;’ to ‘float: left;’ and then it will stack up properly.

    Does that work for you?

    Ben

  • nichstaroni · Member ·

    Yes, that worked. Thanks.

  • The topic ‘Masthead Align Left CSS Breaks Link’ is closed to new replies.