Archived topic

text-align: left !important , where does it come from?

3 replies · Started by Zafiris on April 13, 2018

Viewing posts 1–4 of 4

April 13, 2018 at 1:10 am #549101

Hello,

The problem is with the slideout menu. I can't seem to find where the problem comes from.

Although for desktop is fine, when you see it on mobile the menu items go left.

I inspected the website and I see that this line of code is causing the problem:

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

But I don't know where it's coming from. I searched in simple css and it is not there.
I also searched in the customizer but nothing again.

Is it coming from GP?

Would be really glad if you could help me!

Best

April 13, 2018 at 9:07 am #549576

Hi there,

It is coming from GP. Try this CS to overwrite it:

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

Let me know.

April 30, 2018 at 2:26 am #563613

Thanks! The css seems to work, but could I ask why gp is automatically producing this line of code? Just want to understand what really is going on.

Thanks again!

April 30, 2018 at 7:31 am #563734

Just aligning the list of menu items to the left.

Nothing too special :)

This archived topic is closed to new replies.