-
AuthorPosts
-
August 19, 2018 at 4:32 pm #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, 4 months ago by iMedicus.
August 19, 2018 at 5:23 pm #998992Hey 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,
VinayAugust 19, 2018 at 7:12 pm #999028Hey iMedicus,
Best regards,
VictoriaAugust 22, 2018 at 2:30 pm #1000351Thanks 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)
August 23, 2018 at 8:37 am #1000606Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
li.lang-item { padding: 0 5px !important; }
Best regards,
RikardAugust 23, 2018 at 1:10 pm #1000715Thanks 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, 4 months ago by iMedicus.
August 23, 2018 at 4:14 pm #1000809Hi iMedicus,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.