Docs

[squeeza]

Hi

URL: http://www.dualvisual.com/snow-dev
WordPress version: 4.5.2
X version: 4.5.2
Cornerstone plugin version: 1.2.4

I’m having an issue with the Responsive dropdown menu display.

On the regular non-responsive view the menu displays as I want it, aligned right. But with the responsive view, I wish to have the menu aligned left. Another issue is the ‘double down arrow’ icon seems to be on top of the title ‘ Bone Health MBP, (-see screenshot attached) but I assume this will fix itself when the responsive menu is aligned left.

So my question is how to align the menu left on the responsive menu only.

I tried adding the code to the custom global css but @media part didn’t work.

.x-navbar .x-nav > li > a {
text-align: right !important;
}
.x-navbar-fixed-left .x-brand {
text-align: right;
}
@media (max-width: 979px) .x-navbar .x-nav > li > a {
text-align: left !important;
}
@media (max-width: 979px) .x-navbar-fixed-left .x-brand {
text-align: left;
}

thanks
Liza

[Jade]

Hi Liza,

Your CSS isn’t working because of the missing { in the media queries. Try using this:

.x-navbar .x-nav > li > a {
    text-align: right !important;
}

.x-navbar-fixed-left .x-brand {
    text-align: right;
}

@media (max-width: 979px) {
    .x-navbar-fixed-left .x-brand,
    .x-navbar .x-nav > li > a {
        text-align: left !important;
    }
}

Hope this helps.

[squeeza]

thank you!

[Rupok]

You are welcome!

[Author]

Posts