Archived topic

sub-primary items jump to left in Mobile

7 replies · Started by Farokh on February 9, 2017

Viewing posts 1–8 of 8

February 9, 2017 at 2:18 pm #276763

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

February 9, 2017 at 7:09 pm #276811

Hi there,

Can you link me to your site?

February 9, 2017 at 11:58 pm #276845

http://www.lingaline.com/

February 10, 2017 at 10:10 am #277013

Try this CSS instead:

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

February 10, 2017 at 10:29 am #277029

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

February 10, 2017 at 3:42 pm #277150

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

February 11, 2017 at 8:42 am #277397

:) thanks

Cheers

February 11, 2017 at 9:25 am #277413

No problem!

This archived topic is closed to new replies.

Start building better websites today.