Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #998942

    Hi,

    I’ve installed the Polylang plugin which allows the website to show translations for different languages. I’ve included the links to these pages in the main menu as flag icons (Netherlands-US-Lithuania), exactly as the Plugin tutorial showed. Now I am trying to decrease the space/margin/padding between the flags that are displayed in the main menu.
    Adding some basic margin code in de CSS for the flag list id’s doesn’t do the trick. Here’s the code of the main menu:

    <ul id="avia-menu" class="menu av-main-nav"><li id="menu-item-248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"><a href="http://jardstruik.com/work/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">work</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-273 current_page_item menu-item-mega-parent  menu-item-top-level menu-item-top-level-2 current-menu-item"><a href="http://jardstruik.com/bio/#top" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">bio</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-3"><a href="http://jardstruik.com/contact/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">contact</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-nl" class="lang-item lang-item-38 lang-item-nl lang-item-first current-lang menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-4 current-menu-item"><a href="http://jardstruik.com/bio/#top" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFXSURBVHjaYvzPgAD/UNlYEUAAkuTgCAAIBgJggq5VoAs1qM0vdzmMz362vezjokxPGimkEQ5WoAQEKuK71zwCCKyB4c//J8+BShn+/vv/+w/D399AEox+//8FJH/9/wUU+cUoKw20ASCAWBhEDf/LyDOw84BU//kDtgGI/oARmAHRDJQSFwVqAAggxo8fP/Ly8oKc9P8/AxjiAoyMjA8ePAAIIJZ///5BVIM0MOBWDpRlZPzz5w9AALH8gyvCbz7QBrCJAAHEyKDYX15r/+j1199//v35++/Xn7+///77DST/wMl/f4Dk378K4jx7O2cABBALw7NP77/+ev3xB0gOpOHfr99AdX9/gTVASKCGP//+8XCyMjC8AwggFoZfIHWSwpwQk4CW/AYjsKlA8u+ff////v33998/YPgBnQQQQIzAaGNg+AVGf5AYf5BE/oCjGEIyAQQYAGvKZ4C6+xXRAAAAAElFTkSuQmCC" title="Nederlands" alt="Nederlands"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-en" class="lang-item lang-item-34 lang-item-en no-translation menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-5"><a href="http://jardstruik.com/en/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHzSURBVHjaYkxOP8IAB//+Mfz7w8Dwi4HhP5CcJb/n/7evb16/APL/gRFQDiAAw3JuAgAIBEDQ/iswEERjGzBQLEru97ll0g0+3HvqMn1SpqlqGsZMsZsIe0SICA5gt5a/AGIEarCPtFh+6N/ffwxA9OvP/7//QYwff/6fZahmePeB4dNHhi+fGb59Y4zyvHHmCEAAAW3YDzQYaJJ93a+vX79aVf58//69fvEPlpIfnz59+vDhw7t37968efP3b/SXL59OnjwIEEAsDP+YgY53b2b89++/awvLn98MDi2cVxl+/vl6mituCtBghi9f/v/48e/XL86krj9XzwEEEENy8g6gu22rfn78+NGs5Ofr16+ZC58+fvyYwX8rxOxXr169fPny+fPn1//93bJlBUAAsQADZMEBxj9/GBxb2P/9+S/R8u3vzxuyaX8ZHv3j8/YGms3w8ycQARmi2eE37t4ACCDGR4/uSkrKAS35B3TT////wADOgLOBIaXIyjBlwxKAAGKRXjCB0SOEaeu+/y9fMnz4AHQxCP348R/o+l+//sMZQBNLEvif3AcIIMZbty7Ly6t9ZmXl+fXj/38GoHH/UcGfP79//BBiYHjy9+8/oUkNAAHEwt1V/vI/KBY/QSISFqM/GBg+MzB8A6PfYC5EFiDAABqgW776MP0rAAAAAElFTkSuQmCC" title="English" alt="English"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-lt" class="lang-item lang-item-31 lang-item-lt no-translation menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-6"><a href="http://jardstruik.com/lt/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGOSURBVHjaYvx9lYHhDwMc/PvD8A9EgRCEDSShbCBiYgAIIBagaiapZqCa////Mvz/x8zwl/n/P4b/f/7DEVDh/99ABsO/358urwQIIBYWJgYGRqCCZ4wgDSAVDP//QqSB6sDo1/9/v4GIkVUaaC5AALFc+sIg9evP719AM/5CjPz37zfYYJCif/9//YMw/v1iZf91/hUDQACx6O9hKHP9/ujLlz9///z59+f3v98g9Pf3LxD569ffXyA2mJTn4z+4gAEggFgYfjD8+fcXyAeqBmkAKQVJA7X9AmlAaAOayPCFASCAWIDO+vv/z5//f4DqgEJgG34BjYdoA5EQ9v/fQARUDBBALGtbGXT///7+EKgGpAto1r8/EGVglRDyL1DxH075P5suMgAEEIsZAwP/mz9/X4KMAEr///XrP8gCMAMu8uf3/z9/WTj/ejAwAAQQyy+gk4BmS0oCpRn+/AXJARkg9h8gyQgkge79+5fx798/f//+YGAACCDG2+CI/gcj/6FyGZDEgQgYZwABBgAlIndD8dLdmQAAAABJRU5ErkJggg==" title="Lietuviškai" alt="Lietuviškai"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>

    If anyone could help me out, that would be greatly appreciated.

    • This topic was modified 6 years, 2 months ago by iMedicus.
    #998992

    Hey iMedicus,

    I tried to troubleshoot your issue but the site is not displaying as expected. Please review and provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #999028

    Hey iMedicus,

    Best regards,
    Victoria

    #1000351

    Thanks for the replies.

    I forgot, the page is currently ‘under construction’ and thus blocked for the public. I’ve set-up an additional account, please see the private content part)

    #1000606

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    li.lang-item {
        padding: 0 5px !important;
    }

    Best regards,
    Rikard

    #1000715

    Thanks for the reply again. Unfortunately, this hasn’t worked, no visible change at all.

    Adding a ‘margin-right:-20px;’ does the job tho. Thanks for showing me the correct CSS id.

    • This reply was modified 6 years, 2 months ago by iMedicus.
    #1000809

    Hi iMedicus,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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