Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 26, 2017 at 2:50 pm #738962
    J.A.R.

    hello,

    if you look at these images you will find two issues:

    1) the bullet points for the mobile menu are on the wrong side
    https://www.dropbox.com/s/icwmbl3zqnl7csd/Arabic%20Mobile%20Menu.png?dl=0

    2)there is no line between the facebook and twitter icons on the top bar of the homepage
    https://www.dropbox.com/s/mfn3qj534cbttte/Social%20Media.png?dl=0

    Ps. for the second item please give me a code only for the website in desktop mode, as on mobile mode we have removed all the lines from the social media

    January 30, 2017 at 4:52 pm #740282
    Yigit

    Hey Jihad,

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

    .rtl #mobile-advanced li > a:before, .rtl .html_header_mobile_behavior #mobile-advanced span > a:before, .rtl #mobile-advanced .mega_menu_title:before {
    left: auto;
    right: 0;
    margin-right: 10px;
    transform: rotate(180deg);
}
@media only screen and (min-width: 990px) {
#top.rtl #header .social_bookmarks li:last-child {
    border-right: 1px solid #e2e2e2!important;
}}

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

    Best regards,
    Yigit

    January 31, 2017 at 7:58 am #740518
    J.A.R.

    hello Yigit,

    That fixed most issues, when its in tablet mode though the line disappears again. is there a code for that?

    ps in mobile mode its fine

    January 31, 2017 at 2:15 pm #740630
    Yigit

    Hi,

    You can change second part of the code to following one

    
#top.rtl #header .social_bookmarks li:last-child {
    border-right: 1px solid #e2e2e2!important;
}

    It was in media queries as you said you did not need for mobile but that should work :)

    Best regards,
    Yigit

    February 1, 2017 at 8:30 am #741063
    J.A.R.

    hello yigit,

    sorry i don’t get it as that code you just sent me is already part of the first code you sent.

    February 1, 2017 at 1:33 pm #741206
    Yigit

    Hi,

    It is without media queries actually. Please use the code as following

    .rtl #mobile-advanced li > a:before, .rtl .html_header_mobile_behavior #mobile-advanced span > a:before, .rtl #mobile-advanced .mega_menu_title:before {
    left: auto;
    right: 0;
    margin-right: 10px;
    transform: rotate(180deg);
}
#top.rtl #header .social_bookmarks li:last-child {
    border-right: 1px solid #e2e2e2!important;
}

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

    Best regards,
    Yigit

    February 5, 2017 at 9:50 am #742953
    J.A.R.

    Hello Yigit,

    that just moves the line from between the insta and twitter logo to between the facebook and twitter logo.

    lets try an easier method. Instead of trying to fix this issue can you send me the code to remove all the lines from the social media elements, in desktop, tablet and mobile please?

    February 5, 2017 at 11:01 am #742963
    Basilis

    Hey!

    .social_bookmarks { display: none !important; }

    and let us know if we can do anything else for you

    Regards,
    Basilis

    February 5, 2017 at 11:31 am #742974
    J.A.R.

    Hello Basilis,

    That didn’t do anything

    February 6, 2017 at 12:21 pm #743301
    Yigit

    Hi,

    Please use following code instead

    .social_bookmarks li {
    border: none !important;
}

    Best regards,
    Yigit

    February 6, 2017 at 12:41 pm #743312
    J.A.R.

    That fixed everything. thanks for your time people.

    February 6, 2017 at 12:44 pm #743314
    Yigit

    Hi!

    Not at all!
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Arabic site Issues cont..’ is closed to new replies.