Joomla Templates Club 406,261 posts

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#189906

When viewing site in mobile view it is cut off and only shows about a third of the site.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503001

Hi angie00,

This issue is casued by the HLwrapper section which has been displaying the login module on mobile view, since the template layout will be cut when the login module is being aligned to the right. In addition, this HLwrapper is a fixed section so that i will break the responsive layout of our JA University template. In this case, i suggest you to hide the login module on mobile view by adding below codes into templatesja_universitycsslayout-mobile.css file:

#HLmodule {
display: none !important;
}

Clear JAT3 cache then. This will help your website look better on mobile view.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#503069

Sadly that didn’t do anything for our site.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503071

Hi angie00,

Well, can you send me PM with the super admin or activate your given account ? Maybe I will give your better solution after checking your website.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#503832

Thanks I PM you the site

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503955

Hi angie00,

I saw the message you sent me but there is a website url. Can you send me PM again with your website’s admin login ? I will check and give you the suggestion on this issue.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#504186

Thanks, I pm you with the details.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504294

Hi angie,

We came back. Can you check the admin login you created for me ? It is invalid now, i got this message when i tried to access the website’s backend.

<blockquote>Login denied! Your account has either been blocked or you have not activated it yet.</blockquote>

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#504582

Ok, please try it now…

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504632

Hi angie00,

The responsive issue of your website not only is caused by the fixed dropdown login module but also the top-bar menu above the header. In this case, we suggest you to test your website again without the top-bar menu and dropdown login module. We will back to help you correcting this issue if exists when you removed these modules.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#504963

We disabled and it still doesn’t show the whole page of the site on a mobile device. We uploaded a test site within our domain without the bar if you would like I can pm you that link.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504980

Hi Angie,

Thank you for creating the test site without the bar. I will be happy to check this issue again when you send me PM with the credentials of that test site.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#505013

Thanks, I’ll pm you.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#505436

Hi, we do have the latest template and I p.m. the details for logging in again. Thanks.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#505515

Hi angie00,

Thank you for sending me the admin login again and your patience. I don’t want to blame you on this incompatible issue, but i should say that there is a css style missing of your customized logo, spotlight and main on mobile view, that is why the website is cut with responsive. Here are the detailed steps to solve your issue:

1. Open /templates/ja_university/themes/School/css/template.css file, then change lines:

body.bd .main {
width: 1000px !important;
}

to

body.bd .main {
width: auto;
}

2. Open /templates/ja_university/css/layout-mobile.css, change lines:

#ja-topsl .ja-box {
width: 50% !important;
}

to

#ja-topsl .ja-box {
width: 100%;
}

Then add below codes into this layout-mobile.css file too:


#ja-header h1.logo {
height: 100px;
}
h1.logo a {
background: url(../images/logo.png) no-repeat left;
width: 310px;
height: 88px;
background-size: 100% 100%;
}

ul.department-list li {
display: inline-block;
float: left !important;
}

Clear JAT3 cache after saving changes, your website will display fine on mobile device then. Lets tell me if you need further assistance on this concern.

[Author]

Posts