Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 30, 2014 at 4:04 pm #360289
    orit81

    I want to add specific separators like this: | between the topics in the main menu
    second: the same separators are missing in some spots on the second menu on top
    I have attached a screenshot to explain my meaning

    December 1, 2014 at 5:07 am #360582
    Ismael

    Hi orit81!

    Thank you for using Enfold.

    Please provide a link to the website. We would like to check it. Make sure that you’re using Enfold 3.0.4 on WordPress 4.0.1.

    Cheers!
    Ismael

    December 1, 2014 at 9:53 am #360674
    orit81
    This reply has been marked as private.
    December 1, 2014 at 5:09 pm #360875
    Yigit

    Shalom Orit!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .social_bookmarks li { float: left; }
.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child { padding-right: 10px; }

    Cheers!
    Yigit

    December 2, 2014 at 9:54 am #361358
    orit81

    Shalom Yigit!
    Tks for the quick reply
    The code helped for the social icons menu but not for the main menu… is there a code for that also?
    Tks in advance
    Orit

    December 2, 2014 at 5:40 pm #361589
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .av-main-nav > li > a {
border-left: 1px solid #e2e2e2;
}

    Regards,
    Yigit

    December 2, 2014 at 9:38 pm #361783
    orit81

    Does’nt work )-:

    December 3, 2014 at 4:42 am #361942
    Ismael

    Hey!

    You can try this:

    span.avia-menu-text:before {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
background: rgb(195, 195, 195);
top: 35px;
left: 0px;
}

    Regards,
    Ismael

    December 3, 2014 at 8:23 am #361995
    orit81

    Hi Ismael
    Still does not work )-:
    Have any idea why it does not work?
    Is it related to the factmy site s RTL?

    December 3, 2014 at 11:23 am #362040
    Guenni007

    it might work with the definition :after
    e.g. 

    .menu-item a span:after {
    content: "|";
    padding-left: 10px;
}

    positioning is the next point . After li doesn’t work because of line-height definition

    please give a link to your site

    December 3, 2014 at 11:39 am #362044
    Guenni007

    use this:

    .menu-item-top-level a:after {
    content: "|";
    padding-left: 10px;
}

    then the Searchfield dont do it
    you even can give an extra color to it:

    .menu-item-top-level a:after {
    color: #900;
    content: "|";
    padding-left: 20px;
}

    etc

    well you have to set definitions to mobile menu than to get rid of it

    December 3, 2014 at 11:49 am #362047
    Guenni007

    but this might work as well from Yigit:

    .av-main-nav > li > a span {
    border-right: 1px solid #666;
    padding-right: 20px;
}
    December 3, 2014 at 4:53 pm #362238
    Yigit

    Hey!


    @orit81     Can you please try the solutions posted by @guenni007 and post a screenshot showing the changes you would like to make if those solutions do not work as well?

    Best regards,
    Yigit

    December 8, 2014 at 2:09 pm #364608
    orit81

    Hi !
    I am happy to tell you it worked!! Thank you Yigit, Ismael and @guenni007
    I used this code by @guenni007:
    .menu-item-top-level a:after {
    color: #900;
    content: “|”;
    padding-left: 20px;
    }
    and added padding right also
    here is the screenshot: http://snag.gy/80oeE.jpg
    now I just have to solve my font problem and everything will be great (but that’s another issue (-:)
    Thank you!!

    December 9, 2014 at 4:06 am #365133
    Andy

    Hey!

    glad it worked out for you. Let us know about your other problem in a new ticket. We are happy to assist you.

    Cheers!
    Andy

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