Responsive Sheffield Blue v1.0

[picaflor-azul]

At one of the smaller screen sizes the search box and the links in the mega header is out of alignment and the search box is too far to the left. I have attached an image of the problem here. How do we correct that?

Which browser are you using and which device?

Thanks,

Anne

[Hany]

Which browser are you using and which device?

Thanks,

Anne

I have tested with Firefox, Iceweasel, Chrome & Safari on linux, windows, Android & ios7, start by resizing the browser window after login.
BTW; setting css for #navMainWrapper {margin:-110px 20px; width:60%;} solves it, may this help you.

Best Regards
Hany

[picaflor-azul]

I have tested with Firefox, Iceweasel, Chrome & Safari on linux, windows, Android & ios7, start by resizing the browser window after login.
BTW; setting css for #navMainWrapper {margin:-110px 20px; width:60%;} solves it, may this help you.

Best Regards
Hany

I will take a look at the code.

I am using various respnosive tesing sites and extensions which show you the content as would be seen on the most used devices and do not see the problem. If you just resize the browser window you will see points in between the @media break points where things might not look right. But, since no device is rendering at these resolutions, I don't think this is a problem ;)

Thanks,

Anne

[Hany]

Hi Anne

You last set of responsive templates are too difficult to localize for right-to-left languages, previously defining ('HTML_PARAMS','dir="rtl" lang="ar"') solves more than 75% of localization issues and you don't have to deal with code but with css & language text only.
In future templates could you please revise the code of "tpl_main_page.php" for rtl support.

Thanks and regards,
Hany.

[picaflor-azul]

Hi Anne

You last set of responsive templates are too difficult to localize for right-to-left languages, previously defining ('HTML_PARAMS','dir="rtl" lang="ar"') solves more than 75% of localization issues and you don't have to deal with code but with css & language text only.
In future templates could you please revise the code of "tpl_main_page.php" for rtl support.

Thanks and regards,
Hany.

If you send me the revised tpl_main_page.php file I would be happy to include it in a future template update ;)

Thanks,

Anne

[DML73]

Which browser are you using and which device?

Thanks,

Anne

Im using IE and Firefox. As mentioned by Hany earlier in this thread: #navMainWrapper {margin:-110px 20px; width:60%;} solved the problem, thanks.

[picaflor-azul]

Im using IE and Firefox. As mentioned by Hany earlier in this thread: #navMainWrapper {margin:-110px 20px; width:60%;} solved the problem, thanks.

So you were not viewing the template on a handheld device, you were just seeing the problem when resizing your desktop browser window?

Thanks,

Anne

[Hany]

If you send me the revised tpl_main_page.php file I would be happy to include it in a future template update ;)

Thanks,

Anne

Still I'm testing, I don't have a clean solution yet. What I'm currently doing, in rtl mode I'm loading right column in place of left column and left in place of right while using tpl_box_default_right.php in place of tpl_box_default_left.php and vice versa.
works fine for me except in mobile mode sorting of sides boxes change with language switch.
Attached are the three files requested...When I have a clean and easy solution I'll post it.
Note: I'm defining ('LANG_PARAMS','dir="rtl" lang="ar"') instead of HTML_PARAMS as defining ('HTML_PARAMS','dir="rtl" lang="ar"') alters the behaviour of Browsers and would be too hard for Me to understand the template alone.
Other issues including toggling of menus, tables....etc are through defining css attributes for rtl.
Also attached the css file I'm loading after template css to toggle the main menu.


Sorry for my bad english.
Thank you & best of luck
Hany

[DML73]

So you were not viewing the template on a handheld device, you were just seeing the problem when resizing your desktop browser window?

Thanks,

Anne

Yes, that's correct.

[DML73]

Can you point me to exactly what code in tpl_main_page.php is making the call for the slider on the index page? Im having a real hard time finding this.