Hej!
I have try the code for split menu from social icons like on kriesi website but I got Cut end of the social icons not between menu .
Any help please?
.social_bookmarks {
position: absolute;
top: 42px;
right: 0;
}
.header-scrolled .social_bookmarks {
top: 14px;
}
#header_meta {
height: 0 !important;
min-height: 0 !important;
}
.sub_menu {
display: none;
}
#top .main_menu {
right: 110px;
border-right-style: dashed;
border-right-width: 1px;
padding-right: 25px;
}
#top .social_bookmarks li {
border: 0 !important;
}
#header_main .social_bookmarks {
right: -25px;
}
Hi MelihAtik!
Please remove your custom CSS code and go to Enfold theme options > Header Layout > Extra Elements > Header Social Icons and choose to “display in main header area”
Cheers!
Yigit
Thanks for help Yigit but I check that option was already display in main header area
Hi!
Please add following code to Quick CSS now
.html_main_nav_header #top .main_menu .menu>li:last-child>a {
padding-right: 13px;
border-right: 1px dashed #808080;
}
Best regards,
Yigit
did not help
Hey!
Pleae try adding !important rule as following
.html_main_nav_header #top .main_menu .menu>li:last-child>a {
padding-right: 13px !important;
border-right: 1px dashed #808080 !important;
}
Cheers!
Yigit
Worked! :)
Thanks a lot.
Cheers!