Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 15, 2022 at 1:19 pm #1340688
    Sigmund

    Hello,
    I have a website where the WPML language switcher items appear in the main navigation of enfold. I like to bringt them a little bit closer together, so that the padding betweeb DE EN ES is not so wide. Padding left/right is 13px at the momentmm it should be 4px.
    I have tried some CSS with no results.
    Can you help?

    Thanks!
    Best Regards

    February 15, 2022 at 2:06 pm #1340708
    Yigit

    Hi,

    Thanks for contacting us!

    I added following code to Style.css file of your child theme 

    
#top #header .av-main-nav > li.menu-item-language > a {
  padding: 0 4px;
}

    Please review your website :)

    Regards,
    Yigit

    February 15, 2022 at 2:16 pm #1340716
    Sigmund

    Hi,
    that works like charm, thanks, Yigit.
    How do I add a little bit more space/padding between KONTAKT and DE EN ES?

    Best Regards

    February 15, 2022 at 2:21 pm #1340721
    Yigit

    Hey,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed

    
#top #header .av-main-nav > li#menu-item-224 > a {
  padding-right: 30px;
}

    Default value is 13px :)

    Regards,
    Yigit

    February 15, 2022 at 3:08 pm #1340729
    Sigmund

    Great, that does the job. You can close the topic if you want. Have a nice day.

    Best Regards

    February 15, 2022 at 3:31 pm #1340732
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘WPML menu items padding’ is closed to new replies.