Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 10, 2016 at 4:05 pm #630017
    J.A.R.

    hello,

    if you look at the top bar of the engloish section of my site you will see that the social media and language switcher look nice:

    http://www.ezone.ae

    but have a look at the arabic side and you will find that its a bit of a mess, the line between Facebook and instagram is missing, and the english icon is stuck to the line thats stuck to the twitter icon (which i think is supposed to be the line between Facebook and instagram) and then the space between the arabic and english is wide and there is a line sticking to the english word:

    https://www.ezone.ae/ar/

    heres a picture if you didn’t understand what i said:

    https://www.dropbox.com/s/7gxg0us0oa8wcid/Arabic%20Site%20Social%20media%20and%20language%20switcher.png?dl=0

    how do i fix that?

    May 12, 2016 at 6:11 am #631141
    Ismael

    Hey Arabeek,

    Thank you for using Enfold.

    Please use this in the Quick CSS field:

    .rtl .sub_menu {
    padding-right: 0;
    padding-left: 10px;
}

.rtl #header .social_bookmarks li:last-child {
    border-right-style: solid;
    border-right-width: 1;
}

.rtl #header .social_bookmarks li:first-child {
    border-right-style: none;
    border-right-width: 0;
}

    Best regards,
    Ismael

    May 12, 2016 at 8:12 am #631189
    J.A.R.

    hey Ismael,

    its a little better but its still has two issues:

    https://www.dropbox.com/s/29rbv7abypwaaiq/Screen%20Shot%202016-05-12%20at%209.09.21%20AM.png?dl=0

    the line is still stuck to the word ‘English’ and theres a line missing between Facebook and Instagram

    May 13, 2016 at 2:42 pm #632059
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.rtl #header .social_bookmarks li:last-child {
    border-right: 1px solid #e2e2e2!important;
}
.rtl .av_secondary_left .sub_menu>ul>li:last-child, .rtl .av_secondary_left .sub_menu>div>ul>li:last-child {
    padding-right: 10px;
}

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

    Best regards,
    Yigit

    May 15, 2016 at 10:24 am #632487
    J.A.R.

    hey Yigit,

    i think you will kill me soon, the code you gave me fixed most the job but one of the lines is still being persistant:

    https://www.dropbox.com/s/9fs43c0v2n9a831/Screen%20Shot%202016-05-15%20at%2011.06.48%20AM.png?dl=0

    i highlighted it on the image

    May 16, 2016 at 10:04 pm #633325
    Yigit

    Hi!

    Haha no, not at all, i am honestly really happy to help :)
    Please add following code to Quick CSS as well 

    .rtl #header .social_bookmarks li:first-child {
    border-right: none!important;
}

    Best regards,
    Yigit

    May 17, 2016 at 8:14 am #633538
    J.A.R.

    Thank you sir. that fixed it

    May 18, 2016 at 5:28 am #634154
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.