Tagged: separator
Hi.
unfortunately when I set the menu items to be separated by a separator, between some of them no separator is show. I attached an image of the header of my website, please take a look.
thanks for your help.
Hey esliran,
I loaded your web site and I can see the seperator to all the menu items.
Is that happening maybe to a specific screen size?
Thank you
Best regards,
Basilis
Unfortunately I have the same problem on different screen sizes on different laptops. now that I looked more closely, the problem also exists in social media sharing buttons, as shown in the attached picture.As the right arrow shows, there is no separator for the first right social media icon.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.rtl .av-share-box ul li:first-child {
border-left: 1px solid #e2e2e2;
}
Best regards,
Yigit
Dear Yigit,
Thanks for your answer. Unfortunately the problem still persists. I deleted the browser cache, the website’s, checked on different browsers, but still have this problem.
Hi,
Code i posted was for social share buttons and i can see on your site that it is working. For Fullwidth Sub Menu element, please add following code to Quick CSS
.rtl .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
border-left: 1px solid #e2e2e2;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Fantastic. Thanks.
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit