Hello,
i seem to always have problems with the translated section of my website. if you have a look at these screen shots:
https://www.dropbox.com/s/7ndmwl8dkb7wctw/Screen%20Shot%202016-08-04%20at%2010.29.20%20PM.png?dl=0
in that image you will find that the line between The Facebook and Instagram elements is thicker then the other lines.
https://www.dropbox.com/s/v9b9vl113r9yluy/Screen%20Shot%202016-08-04%20at%2010.29.43%20PM.png?dl=0
In this image you will find the mobile menu, there you will see that there is a line between the Facebook and Instagram elements when theres no lines in the others.
how do i make the line thiner in the normal menu and remove the line in the mobile menu?
Hey Jihad,
You have following custom CSS code
.rtl #header .social_bookmarks li:last-child {
border-right: 1px solid #e2e2e2!important;
}
Please change it to following
.rtl #header .social_bookmarks li:last-child {
border-right: 1px solid rgba(255,255,255,0.25)!important;
}
@media only screen and (max-width: 767px) {
.rtl #header .social_bookmarks li:last-child {
border: none!important;
}}
Best regards,
Yigit
Hey Yigit,
That worked but now when the menu turns to sticky the line is also disappeared. i only need it to disappear when i’m in mobile menu. or is it there but its the wrong color? as i’m using a transparent menu that becomes white when sticky.
Hi!
Please add following code to Quick CSS as well
.rtl #header.header-scrolled .social_bookmarks li:last-child {
border-right: 1px solid #e2e2e2!important;
}
Best regards,
Yigit
Thank you Yigit. that worked perfectly