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

Home Forums Support [Resolved] text-align: left !important , where does it come from?

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

  • This topic has 3 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #549101
    Zafiris

    Hello,

    My website is: https://www.nataliabasdeki.com/

    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

    #549576
    Leo
    Staff
    Customer Support

    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.

    #563613
    Zafiris

    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!

    #563734
    Leo
    Staff
    Customer Support

    Just aligning the list of menu items to the left.

    Nothing too special 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.