Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 19, 2016 at 10:28 am #701101
    Sadegh

    Hey Kriesi Team,

    > Our website has two languages: English and Persian (Farsi) – (as we are using WPML)
    > Only in Persian version in Mobile mode, the top bar languages are not aligned in center. (please consider that this issue is happening in all the Persian pages except homepage):
    .

    Kind regards,
    Sadegh

    October 20, 2016 at 2:27 pm #701867
    Yigit

    Hey Sadegh,

    I added following code to bottom of Style.css file of your child theme

    @media only screen and (max-width: 767px) {
.rtl #header_meta .sub_menu {
    right: 0;
}}

    Please review your website now

    Best regards,
    Yigit

    October 20, 2016 at 4:05 pm #701953
    Sadegh

    Hey dear Yigit,

    Thanks a lot for your code.
    However, although it solved the problem in RTL version in Mobile mode, but

    1> in Tablet mode there is a gap appeared now in RTL pages (it wasn’t there before the code):

    .

    2> in RTL Home page, the texts gets backed again to their non-aligned positions in Mobile mode (it was right before the code):
    .

    Kind regards :)
    Sadegh

    October 24, 2016 at 3:42 pm #703321
    Yigit

    Hi,

    I added following code to bottom of Style.css file as well

    @media only screen and (max-width: 767px) {
.rtl.home #header_meta .sub_menu {
    right: 30%;
}}

    please review your website now

    Best regards,
    Yigit

    October 24, 2016 at 3:55 pm #703329
    Sadegh

    Hey dear Yigit,

    The problem with the white gap is still not solved:

    .

    Kind regards,
    Sadegh

    October 24, 2016 at 4:09 pm #703337
    Yigit

    Hi!

    Following code is causing the issue 

    @media only screen and (max-width: 989px) {
#header_meta {
    margin-bottom: 30px;
}}

    Why did you add it? If that is only RTL issue, please try adding following code to Quick CSS

    @media only screen and (max-width: 989px) {
.rtl #header_meta {
    margin-bottom: 0;
}}

    Regards,
    Yigit

    October 24, 2016 at 4:16 pm #703342
    Sadegh

    Hey Yigit,
    I don’t know actually why this code is there, maybe to solve some issues with the header.
    However, thank you very much for the solution, it all worked great :)

    Cheers,
    Sadegh

    (you may now close the thread please)

    October 24, 2016 at 4:18 pm #703344
    Yigit

    Hey!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

    October 24, 2016 at 4:19 pm #703347
    Sadegh

    :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘top bar text alignment in mobile mode in Persian version’ is closed to new replies.