-
AuthorPosts
-
August 24, 2015 at 5:38 pm #492400
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 #492428Hey 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 itemsBest regards,
YigitAugust 24, 2015 at 6:56 pm #492440Great – 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 #492689Hey!
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,
IsmaelAugust 27, 2015 at 3:43 pm #494236Hi
Can you check this code for me please – it didn’t work.
Many thanks
August 27, 2015 at 3:58 pm #494254Hi!
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
YigitAugust 27, 2015 at 4:37 pm #494303I 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 #494316Hi!
Please create a temporary admin login and post it here privately so we can look into it.
Cheers!
YigitSeptember 24, 2015 at 7:23 pm #508669i 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 #508878Hey!
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!
IsmaelSeptember 13, 2018 at 1:20 pm #1009378Hi.. How to make the separator bold in Enfold 4.4.2..?
Thanks
September 13, 2018 at 3:44 pm #1009450Hi 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,
NikkoSeptember 13, 2018 at 4:01 pm #1009462Hi 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 #1009479Hi 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,
NikkoSeptember 13, 2018 at 4:25 pm #1009483No NIkko the codes does not works..
September 13, 2018 at 5:36 pm #1009543Hi newmediologo,
Can you give us a link to your site? so we can inspect and check why it isn’t working.
Best regards,
NikkoSeptember 13, 2018 at 5:44 pm #1009552Hi.. I’ve put the second code in the General CSS in Italian Language..
September 13, 2018 at 6:06 pm #1009571Hi 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,
VictoriaSeptember 13, 2018 at 6:15 pm #1009581Hi 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 #1009941Hi,
Yes, try put it at CSS and let us know how it works :)
Best regards,
BasilisSeptember 15, 2018 at 9:09 am #1010030Nothing happens..
September 15, 2018 at 4:10 pm #1010170Hi 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.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoSeptember 17, 2018 at 9:46 am #1010634Hi.. 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 #1010721Hi newmediologo,
Best regards,
VictoriaSeptember 17, 2018 at 1:26 pm #1010726Thanks Victoria.. Any news..? :-)
September 17, 2018 at 2:44 pm #1010780Hi 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,
VictoriaSeptember 17, 2018 at 3:05 pm #1010791Hi 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 #1011200Hi,
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,
PeterSeptember 18, 2018 at 12:13 pm #1011223Thats Peter.. It’s perfect.. The client wants all bold..:)
Thank You Very much..
September 18, 2018 at 12:53 pm #1011236Hi,
Glad we could help you :)
Best regards,
Peter -
AuthorPosts
- The topic ‘Separator between menu items’ is closed to new replies.