-
AuthorPosts
-
October 16, 2016 at 3:51 pm #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,
SadeghOctober 17, 2016 at 1:38 pm #699974Hey 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,
YigitOctober 17, 2016 at 1:46 pm #699980Hey Yigit,
Thanks, but the problem is still exist.
Cheers,
SadeghOctober 17, 2016 at 1:48 pm #699983Hey!
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,
YigitOctober 17, 2016 at 2:05 pm #700002Hey Yigit,
You sure?
For a check, could you please check this page in mobile mode? LINKThis is what I see now after a complete page refresh:
Kind regards,
SadeghOctober 17, 2016 at 2:12 pm #700010Hi!
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,
YigitOctober 17, 2016 at 2:29 pm #700026Hey 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,
SadeghOctober 19, 2016 at 5:24 am #700987Hi,
Which issues specifically? Do you want to move the logo to the left even on the Persian version of the site?
Best regards,
IsmaeloOctober 19, 2016 at 8:23 am #701053Hi 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.
October 19, 2016 at 3:08 pm #701360Hi!
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,
YigitOctober 19, 2016 at 3:46 pm #701383Hey 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)
-
AuthorPosts
- The topic ‘problem in RTL mode’ is closed to new replies.