Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 16, 2016 at 3:51 pm #699624
    Sadegh

    Hey guys,

    > This is what the website looks like in English mode: (which looks completely right)

    .

    > But this is how Persian page (RTL mode) looks like in the website: (which is NOT right – as you see, the logo is gets under the top bar and menu box)

    .

    Please let me know how RTL mode could be looked as like as English mode.

    Regards,
    Sadegh

    October 17, 2016 at 1:38 pm #699974
    Yigit

    Hey Sadegh,

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

    @media only screen and (max-width: 990px) {
.rtl img.ls-yourlogo {
    top: 45px!important;
}}

    Best regards,
    Yigit

    October 17, 2016 at 1:46 pm #699980
    Sadegh

    Hey Yigit,

    Thanks, but the problem is still exist.

    Cheers,
    Sadegh

    October 17, 2016 at 1:48 pm #699983
    Yigit

    Hey!

    It does show up fine on my end. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Regards,
    Yigit

    October 17, 2016 at 2:05 pm #700002
    Sadegh

    Hey Yigit,

    You sure?
    For a check, could you please check this page in mobile mode? LINK

    This is what I see now after a complete page refresh:
    .

    Kind regards,
    Sadegh

    October 17, 2016 at 2:12 pm #700010
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.rtl #header_main {
    margin-top: 40px;
}}

    Code i posted fixes a similar issue that happens on your homepage :)

    Regards,
    Yigit

    October 17, 2016 at 2:29 pm #700026
    Sadegh

    Hey dear Yigit,

    Thank you very much.
    But, although it has solved the problem I have asked for in this thread, it is somehow made other changes useless.
    > For instance, previously, the menu box in both RTL mode and English mode were modified in its very good place by custom codes, but now this code turned the previous issues back about the menu box.

    Kind regards,
    Sadegh

    October 19, 2016 at 5:24 am #700987
    Ismael

    Hi,

    Which issues specifically? Do you want to move the logo to the left even on the Persian version of the site?

    Best regards,
    Ismaelo

    October 19, 2016 at 8:23 am #701053
    Sadegh

    Hi Ismael,
    Sorry for being unclear about the issue.
    > Yes, (because of the position of the menu box in mobile mode) I want to move the logo to the left even on our Persian version of the site. (kindly please consider that this issue is happening in mobile mode of our Persian version)

    Regards,
    Sadegh

    • This reply was modified 8 years, 1 month ago by Sadegh.
    October 19, 2016 at 3:08 pm #701360
    Yigit

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
.logo, .logo img { float: left !important; }}

    If that does not help, please post the link to your page where we can see the issue because it is not looking as your previous screenshots anymore :)

    Best regards,
    Yigit

    October 19, 2016 at 3:46 pm #701383
    Sadegh

    Hey dear Yigit,

    It works great now. I have also added your code under this line as well:
    @media only screen and (max-width: 990px)

    Cheers!
    Sadgh

    (you may now close the thread please)

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘problem in RTL mode’ is closed to new replies.