Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • August 24, 2015 at 5:38 pm #492400
    Picante

    Hi

    I use Enfold on a number of websites but I can’t find this facility in the header layout section where it usually is and can’t understand why. Can you point me in the right direction please?

    Many thanks

    August 24, 2015 at 6:33 pm #492428
    Yigit

    Hey Picante!

    You are currently using an older version of Enfold. Please update the theme to the latest version 3.3.2 – kriesi.at/documentation/enfold/updating-your-theme-files/
    Then go to Enfold theme options > Header > Separator between menu items

    Best regards,
    Yigit

    August 24, 2015 at 6:56 pm #492440
    Picante

    Great – thanks – I’ve done that, but now the spacing is strange – see the spaced separators around “home” and between “news” and “contact” (no separator).

    August 25, 2015 at 9:09 am #492689
    Ismael

    Hey!

    Add this in the Quick CSS field to fix the spacing and the border:

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
  padding-right: 13px;
}

.av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
  border-left: 1px solid;
}

    Regards,
    Ismael

    August 27, 2015 at 3:43 pm #494236
    Picante

    Hi

    Can you check this code for me please – it didn’t work.

    Many thanks

    August 27, 2015 at 3:58 pm #494254
    Yigit

    Hi!

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    August 27, 2015 at 4:37 pm #494303
    Picante

    I have copied and pasted this code from the CSS box:

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
    }

    .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
    border-left: 1px solid;
    }

    August 27, 2015 at 4:44 pm #494316
    Yigit

    Hi!

    Please create a temporary admin login and post it here privately so we can look into it.

    Cheers!
    Yigit

    September 24, 2015 at 7:23 pm #508669
    ngyuansong

    i have update to the latest version and enabled the small seperator. however it does not seems to be reflected.

    any solutions?

    September 25, 2015 at 10:31 am #508878
    Ismael

    Hey!

    The site is currently not using the latest version of the theme. Please update to version 3.3.2. Try to add this in the Quick CSS field:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 13px;
    margin-left: -13px;
}

    Cheers!
    Ismael

    September 13, 2018 at 1:20 pm #1009378
    newmediologo

    Hi.. How to make the separator bold in Enfold 4.4.2..?

    Thanks

    September 13, 2018 at 3:44 pm #1009450
    Nikko

    Hi newmediologo,

    You can use this css code and place it in Quick CSS (located in Enfold > General Styling):

    .hr .hr-inner {
    border-top-width: 5px !important;
}

    Just adjust the pixel value to increase or decrease the size.
    Hope it helps.

    Best regards,
    Nikko

    September 13, 2018 at 4:01 pm #1009462
    newmediologo

    Hi NIkko.. It does not works.. I mean the vertical separator between menu items, bold or of the same color of the menu items..

    Thanks

    September 13, 2018 at 4:21 pm #1009479
    Nikko

    Hi newmediologo,

    Sorry for misunderstanding, try using this code:

    #top #header .av-main-nav > li > a {
    border-left-width: 2px;
}

    or this one if the code above doesn’t work:

    #top #header .av-main-nav > li > a {
    border-left-width: 2px !important;
}

    Best regards,
    Nikko

    September 13, 2018 at 4:25 pm #1009483
    newmediologo

    No NIkko the codes does not works..

    September 13, 2018 at 5:36 pm #1009543
    Nikko

    Hi newmediologo,

    Can you give us a link to your site? so we can inspect and check why it isn’t working.

    Best regards,
    Nikko

    September 13, 2018 at 5:44 pm #1009552
    newmediologo

    Hi.. I’ve put the second code in the General CSS in Italian Language..

    September 13, 2018 at 6:06 pm #1009571
    Victoria

    Hi newmediologo,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-width: 2px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 13, 2018 at 6:15 pm #1009581
    newmediologo

    Hi Victoria.. In Quick CSS It does non work,, I use Enfold Child.. May I put it in child CSS.. Thanks..

    September 14, 2018 at 8:42 pm #1009941
    Basilis

    Hi,

    Yes, try put it at CSS and let us know how it works :)

    Best regards,
    Basilis

    September 15, 2018 at 9:09 am #1010030
    newmediologo

    Nothing happens..

    September 15, 2018 at 4:10 pm #1010170
    Nikko

    Hi newmediologo,

    I checked the link you gave but I don’t see the code given by Victoria being fetched.
    Can you try to flush out the cache? if that doesn’t work, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    September 17, 2018 at 9:46 am #1010634
    newmediologo

    Hi.. I’ve try to put the code in the Enfold Child CSS and in the Custom CSS without results.. Now It is in the Enfold Child CSS.. I wish to have just the vertical separator between menu items bold..

    All in the Quick CSS must remain as is.. Thanks..

    I’ve created and admin account for You.. Thanks..

    September 17, 2018 at 1:20 pm #1010721
    Victoria

    Hi newmediologo,

    Best regards,
    Victoria

    September 17, 2018 at 1:26 pm #1010726
    newmediologo

    Thanks Victoria.. Any news..? :-)

    September 17, 2018 at 2:44 pm #1010780
    Victoria

    Hi newmediologo,

    Did you see this part in private?

    ” I put the code in quick css and now it is 2px. Is this not what you’re looking for? I can change color so that you can see that the code works.”

    Best regards,
    Victoria

    September 17, 2018 at 3:05 pm #1010791
    newmediologo

    Hi Victoria.. In which language I’ve inserted the code..? I did not see it in any quick css.. Separators seems a little little bit bigger.. The ideal thing is to have them of the same colour of the menù items that is #4a6616

    Thank You Very Much..:-)

    September 18, 2018 at 11:08 am #1011200
    Dude

    Hi,

    I changed the border width to 4px (you can see it better now) and also changed the color. I added this code to the very bottom of the quick css field:

    
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-width: 4px;
    border-color: #4a6616;
}

    for all (!) languages.

    Best regards,
    Peter

    September 18, 2018 at 12:13 pm #1011223
    newmediologo

    Thats Peter.. It’s perfect.. The client wants all bold..:)

    Thank You Very much..

    September 18, 2018 at 12:53 pm #1011236
    Dude

    Hi,

    Glad we could help you :)

    Best regards,
    Peter

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