Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #699624

    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

    #699974

    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

    #699980

    Hey Yigit,

    Thanks, but the problem is still exist.

    Cheers,
    Sadegh

    #699983

    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

    #700002

    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

    #700010

    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

    #700026

    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

    #700987

    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

    #701053

    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 ago by Sadegh.
    #701360

    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

    #701383

    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)

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