[Resolved] sub-primary items jump to left in Mobile

[Farokh]

Hi Tom

I used yr suggested CSS below to have my sub-primary items float to Right in Mobile,
but it jumps to the left now, I guess it happened after the most recent GP update;

@media (max-width: 768px) {
    .main-navigation li {
        text-align: right !important;
    }
}

best

GeneratePress 1.3.44

GP Premium 1.2.94

[Tom]

Hi there,

Can you link me to your site?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Farokh]

http://www.lingaline.com/

[Tom]

Try this CSS instead:

@media (max-width: 768px) {
    .main-navigation .main-nav .sf-menu>li {
        text-align: right !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Farokh]

Done, many Thanks

Similarly, the css below Used to work for transparent Sub-primary menu, but stopped working a while age (primary menu is transparent-ok)

.main-navigation .main-nav ul ul li a {
        background: rgba( 255,255,255, 0.9 );
}

cheers

[Tom]

You can choose transparency using the latest Colors add-on in Customize > Colors 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Farokh]

🙂 thanks

Cheers

[Tom]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts