[Pro] Centering Responsive CSS menu on DT, Flush left on mobile

Freeway
1

I’m applying the Responsive CSS menu action. Is there a way to CENTER a responsive menu on the page for desktop and tablet, but have it FLUSH LEFT when it switches to a nav icon? When I apply “center” in the action, it centers the items on desktop and tablet, but also in the mobile drop down menu, where I want it to be flush left. Centering the menu in the Inspector doesn’t do it. Can I add/change code somewhere?

Thank you.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Absolutely!

Stick this code before the </head> tag:

<style type="text/css">
    @media screen and (max-width:570px){
        .navigation {
            float: left !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }
</style>

How does that work for you?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi. Thank you for your quick reply. Unfortunately, it didn’t work. When I apply the code, the menu disappears in mobile view.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Try removing the float: left !important; part.

If that doesn’t work, could I have a link?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

I removed the float and the menu shows up in mobile view, but the items are still centered. Thank you for offering to look at a link. I’ll set it up and send it to you asap, just have to hop back on a client project first (this is for the redesign of my own site).

Many thanks!
Randi

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options