Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#193601

Hi im having a problem with my login module, then i open it on a phone its not responsive, the module is over the other text. i tried to move it around in the layout with no luck.

Can anyone help me please ?

the site is http://www.dinfond.dk

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#517913

This is default Joomla login module which doesn’t support responsive on your site. Please try to workaround below:

+ Download JA Login module here
+ Install this login module into your site, instead of default Joomla login module.

Once done, the JA Login module should look as per screen shorts:

Hope this helps

---

Attachments:

1. 
2. 

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#518073

ah okay, i see that now, how do i modify the module.

I dont want the users to be able to create an account.
i also wanna get rid of :
Forgot your password?
Forgot your username?

I just have 1 user

hmm i guess head-search is a bad position.
The login is over the logo now then i open it on my Samsung S4.
http://responsivetest.com/dinfond.dk#

Any suggestions ?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518216

Head-search position has very small width.

If you wish to get as per the screenshot, some customisations of php and css will be needed:

+ Create templates/ja_brisk/html/mod_jalogin folder
+ Download and extract my attached file into templates/ja_brisk/html/mod_jalogin folder
+ Open templates/ja_brisk/css/custom.css file and add css style below:

@media (max-width: 767px) {
ul.ja-login {
margin-right: -20px !important;
}

ul.ja-login li #ja-user-login {
left: -204px !important;
}
}

FYI, with files attached here, I did remove Forgot your password and Forgot your username for you already.

---

Attachments:

1. default.zip

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#518420

Very nice, thanks alot.
Can you help me with one last thing.
I want the login screen to show when you come to the site, so i dont have to click the login

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518474

I concern about your question a little bit. Head-search position has very small width on the header site, if you wish to show login form without click the login, I might show ugly on your site. See screenshort for reference:

Please consider and let me know if you still wish to go ahead with this.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#519383

Hi , i can see what you mean, and you might be right 🙂

Can i somehow make the login so it got the same layout as logout botton and are on the same vertical line as menues ?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519429

<em>@hjalte1983 407095 wrote:</em><blockquote>Can i somehow make the login so it got the same layout as logout botton and are on the same vertical line as menues ?</blockquote>

You expect the login link to have button as logout button? If so, step below would help:

Open templates/ja_brisk/html/mod_jalogin/default.php file,

Change:

<a class="login-switch" href="<?php echo JRoute::_('index.php?option=com_user&view=login');?>" onclick="showBox('ja-user-login','mod_login_username',this, window.event || event);return false;" title="<?php echo JText::_('TXT_LOGIN');?>"><span><?php echo JText::_('TXT_LOGIN');?></span></a>

To:

<a class="login-switch" href="<?php echo JRoute::_('index.php?option=com_user&view=login');?>" onclick="showBox('ja-user-login','mod_login_username',this, window.event || event);return false;" title="<?php echo JText::_('TXT_LOGIN');?>"><input type="button" name="button" class="button btn" value="<?php echo JText::_('TXT_LOGIN');?>" /></a>

Let me know if how it goes.

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#519542

thank you so much 😀

[Author]

Posts