-
AuthorPosts
-
August 15, 2016 at 11:00 am #672599
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?
August 17, 2016 at 12:28 pm #673685Hey 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,
YigitAugust 17, 2016 at 1:56 pm #673727Hey 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.
August 17, 2016 at 2:49 pm #673738Hi!
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,
YigitAugust 18, 2016 at 11:13 am #674126Thank you Yigit. that worked perfectly
August 22, 2016 at 7:12 am #675541 -
AuthorPosts
- You must be logged in to reply to this topic.
