Troubleshoot with Joomla Login page not responsiv

Put this in template_css.css like last one

.controls .btn.btn-primary.validate{
width: 70px;
font-size: 10px;
padding: 5px;
}


so in @media tag where max width is 475px, you can put it in same one.

This is the previous one

@media (max-width: 475px) {
.control-group .controls input{

max-width: 50px;
}
}


this is later


.controls .btn.btn-primary.validate{
width: 70px;
font-size: 10px;
padding: 5px;
}

How can I write both in one or should be seperate?

@media (max-width: 475px) {
.control-group .controls input{
max-width: 50px;
}
.controls .btn.btn-primary.validate{
width: 70px;
font-size: 10px;
padding: 5px;
}
}

Thanks. now it is working.

I want the login button on login page as small as the submit button on Forget password page after resizing the window to mobile view. How can I resize that login button on login page.

My second question is that where can I change the link on the logo of my website (top-left logo) from mysite.com/index.php to my site mysite.com

Add this too

.controls .btn.btn-primary{
width: 70px;
font-size: 10px;
padding: 5px;
}

and for logo link in your template_folder\library\ find logo.php it's small file and there should be href for a tag. Edit it to what you want.

The new code will look like?


@media (max-width: 475px) {
.control-group .controls input{
max-width: 50px;
}
.controls .btn.btn-primary.validate{
width: 70px;
font-size: 10px;
padding: 5px;
}
.controls .btn.btn-primary{
width: 70px;
font-size: 10px;
padding: 5px;

}
}



Is it right