[Skip to main content](#vessel-content) # Registration page responsive layout troubles ## - **[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")** - [![mlabbe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28902-mlabbe "View mlabbe's Profile") Topic Author - [ Offline](/forum/user/28902-mlabbe) Less More - Posts: 10 - Thank you received: 0 - - 13 years 6 days ago - 13 years 6 days ago [\#129299](#129299) by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile") *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#129299 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* was created by *[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")* I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : [ www.nerax.org/nerax-north/nn-ticket-sales.html](http://www.nerax.org/nerax-north/nn-ticket-sales.html) -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message Last edit: 13 years 6 days ago by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 6 days ago [\#129326](#129326) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Registration page and PayPal troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#129326 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hi Mike, The solution will probably be to customize your login/registration screen with some [ CSS ](http://www.hikashop.com/support/19-documentation/hikashop/installation-configuration/84-css-styling.html)code, by using for example [ media queries](http://www.w3.org/TR/css3-mediaqueries/) so that you can adapt the size of your fields regarding the size of the window. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")** - [![mlabbe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28902-mlabbe "View mlabbe's Profile") Topic Author - [ Offline](/forum/user/28902-mlabbe) Less More - Posts: 10 - Thank you received: 0 - - 13 years 6 days ago - 13 years 6 days ago [\#129347](#129347) by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile") Replied by *[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#129347 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hello Mohamed, Thank you for your quick reply. I guess I'm wondering why it would be that every other screen within the software behaves perfectly in a responsive layout, but that one screen doesn't include that functionality? To add to my confusion, it appears that using the same screen to register here on the HikaShop website works perfectly as a responsive layout. Is that page likely to have customized code? Cheers, Mike Last edit: 13 years 6 days ago by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 5 days ago [\#129484](#129484) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#129484 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hi, The form should be adapted for small screens. I just tried on local and it's working. So I think that you have some properties in your template which override ours, and that's why the registration form is no more responsive. Thanks to read that tutorial in order to find from where the problem can come: [ www.hikashop.com/support/documentation/1...ize-the-display.html](http://www.hikashop.com/support/documentation/153-customize-the-display.html) Or ask to your template provider. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")** - [![mlabbe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28902-mlabbe "View mlabbe's Profile") Topic Author - [ Offline](/forum/user/28902-mlabbe) Less More - Posts: 10 - Thank you received: 0 - - 12 years 11 months ago [\#131109](#131109) by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile") Replied by *[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#131109 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* I have a follow up observation that may be a contributing factor. I've been trying different templates to see if I can find one that will work without modifying the code. In testing with the default Protostar template, I noticed that the login/registration page appeared to be working correctly, until I placed any module in the right column position. The form displays right over any module in that position. Out of curiousity, I took a look at the login/registration page here on the Hikashop site. There are no modules on the right, so it appears to be working, but if you resize your browser while viewing that page, you can see that the registration fields break out of the template there too. It's only a small overlap outside of the template, but it looks like there is something in the way that page is formatted that behaves differently than any other page in the software. Do you have any suggestions as to what might cause that particular page to break out of the template, even here on the HikaShop site, when no other pages appear to do so? Regards, Mike Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 11 months ago [\#131148](#131148) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#131148 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hi, When there is modules on the right side, they should go under the main content of the page on small screens. So it should not cause that kind of problem. It seems that the form got some properties in "px" instead of in "%", so there is probably some changes to made here. We are currently improving the main design of HikaShop, so we will have a look at this login/registration page. Thanks to wait for a future release. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")** - [![mlabbe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28902-mlabbe "View mlabbe's Profile") Topic Author - [ Offline](/forum/user/28902-mlabbe) Less More - Posts: 10 - Thank you received: 0 - - 12 years 11 months ago [\#131500](#131500) by [mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile") Replied by *[mlabbe](/forum/user/28902-mlabbe "View mlabbe's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#131500 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Thanks for the feedback. Any thoughts on when the new designs might be available? Cheers, Mike Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Away](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 11 months ago [\#131837](#131837) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Registration page responsive layout troubles](/forum/27-checkout/863070-registration-page-responsive-layout-troubles#131837 "I am experiencing a problem with my newly created shop. All of the pages in my shop work beautifully in a responsive layout, with one exception. The login / registration screen is displaying with fixed field widths, and with the login form beside the registration fields, no matter the width of the browser. The page breaks out of my responsive template. Registration fields are barely visible as they run off the screen of a smartphone. Any help is greatly appreciated. Cheers, Mike -- url of the page with the problem -- : www.nerax.org/nerax-north/nn-ticket-sales.html -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.1.5 -- PHP version -- : 5.3.22 -- Browser(s) name and version -- : Firefox 24.0 and IE11 11.0.9600.16384 -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hi, We do not have schedule for that but I think it will take some time for all improvements. I guess it will be split in several releases. Because we want to have something awesome and beautiful ![:)](/media/kunena/emoticons/8.png ":)") Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg2MzA3MC1yZWdpc3RyYXRpb24tcGFnZS1yZXNwb25zaXZlLWxheW91dC10cm91Ymxlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.121 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)