Joomla Templates Club 406,261 posts

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#193556

Hello,

I’m using JA Magz… Everything so far so good.. However, on mobile phones the layout doesn’t resize the way it should to be as responsive layout. I don’t know how to fix this.

Would like it to be as the original look at the demo site: http://www.joomlart.com/demo/#ja_magz

I only want to show two things on mobile phones:

– The com_contents
– The site logo.

This is my online URL: http://www.gabookye.org/new

Many thanks for your help and support.

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

#517749

Within templates built with T3 framework like JA Magz, we provide option so that you can hide module in mobile layout from backend settings.

What you can do is going toAdmin site -> Extensions -> Template Manager -> JA_Magz – Default -> Layout Tabs -> Responsive Layout -> select Mobile layout

Click eye icon on module and hide it if you don’t want it to show on mobile layout

---

Attachments:

1. 
2. 

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517798

Hello,

I’m sorry, maybe I didn’t explain well.

1- When I browse the site on the mobile, the layout is mess.. it’s not like the original demo…
Please check the attached file.

actually I have added this code to do some layout customization:

#t3-content{
min-width: 715px;
margin-right: 0;
padding-right: 5px;
border-right: solid 1px #dddddd;

}

.item-page .article-body {
min-width: 715px;
margin-right: 0;
padding-right: 5px;
border-right: solid 1px #dddddd;
}

This code was the reason why the mobile layout was mess… However, I need it, I can’t remove it, because the forntpage and the inside content page will be mess.

2- I put the logo on “top-1” position as “Custom Html”, and it is active on: template -> responsive -> mobile.
but it’s not showing on the mobile….
You may also check the same attached file, you will not see the logo there.

---

Attachments:

1. 

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

#517873

Some CSS customization on your site caused conflict to mobile responsive layout, that’s why the image on mobile layout was not responsive.

Please try my workaround below:

Open templates/nlye/css/rtl/custom.css file and add new rule:

@media (max-width: 767px) {
.item-page .article-body {
min-width: 100% !important;
}
#t3-content {
min-width: 100% !important;
}
}


Let know me if it helps.

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

1. nooran

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517911

Hello,

Thanks a lot. Worked fine… Now the mobile layout is perfect.
However,still the logo issue on the mobile:

<blockquote>2- I put the logo on “top-1” position as “Custom Html”, and it is active on: template -> responsive -> mobile.
but it’s not showing on the mobile….
You may also check the same attached file, you will not see the logo there.</blockquote>

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

#518022

As the logo on your site is customized to custom html module and assigned to top-header position, meanwhile this position is always hidden on mobile layout.

However, you can still enable it as follows:

Open templates/nlye/css/rtl/custom.css file and add new rule:

@media (max-width: 767px) {
.top-header {
display: block !important;
}
}

Hope it helps.

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

1. nooran

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#518059

The logo is visible now on mobile…

Many thanks for your help and support.

Best Regards

1 user says Thank You to nooran for this useful post

1. JA Developer

[Author]

Posts