Joomla Templates Club 406,261 posts

[esnyc13 Friend esnyc13Join date: July 2011Posts: 21Downloads:4Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#189714

Hi there,

Why is the ‘Helps’ icon not showing on mobile layout.

Thank you in advance for your answer

---

Attachments:

1. 

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

#502306

In mobile view – which has small resolution, this icon will not look good so that we disable it. You can enable it by following way and make your own decision

Open templates/ja_smashboard/css/custom.css file

@media (max-width: 767px) {
.head-social ul.btn-social li.dropdown.nav-helps {
display: block !important;
}

.t3-sidebar-1 {
position: absolute;
top: 50px;
right: 0;
width: 100% !important;
z-index: 10000;
overflow: auto;
.sidebar-inner {
bottom: auto;
top: 0;
z-index: 1000;
height: 100% !important;
overflow: visible !important;
}
.poweredby {
display: block;
}
}

[esnyc13 Friend esnyc13Join date: July 2011Posts: 21Downloads:4Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#502516

Thank you.It looks fine,however it does not open the sidebar-1 position like on the desktop version?

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

#502637

Yes, because this option isn’t supported on mobile layout, you need to style it if you want to run with mobile layout.

[esnyc13 Friend esnyc13Join date: July 2011Posts: 21Downloads:4Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#503693

I am not that much of an expert, wish i had your knowledge. Thanks for your help.

[iaienk Friend iaienkJoin date: March 2013Posts: 18Downloads:0Uploads:3 Thanks: 3 Thanked: 2 times in 1 posts]

#503795

i have same problem but i can’t adjust it :((
Can u help me?
where exactly i have to change the code?

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

#503848

<em>@iaienk 386923 wrote:</em><blockquote>i have same problem but i can’t adjust it :((
Can u help me?
where exactly i have to change the code?</blockquote>

My above post helps to enable Help Icon in mobile layout.

However, by default, JA Smashboard template doesn’t support to show it in mobile layout. If you want it shows nice in mobile layout, you need to style more for it in templates/ja_smashboard/css/custom.css file

[iaienk Friend iaienkJoin date: March 2013Posts: 18Downloads:0Uploads:3 Thanks: 3 Thanked: 2 times in 1 posts]

#503898

i saw that post, but i cant undestand what i have to change..sorry..

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

#504133

That’s right you can do this

+ Using FTP account and login into your hosting site

+ Create custom.css file into templates/ja_smashboard/css folder

+ Add new script below

@media (max-width: 767px) {
.head-social ul.btn-social li.dropdown.nav-helps {
display: block !important;
}

.t3-sidebar-1 {
position: absolute;
top: 50px;
right: 0;
width: 100% !important;
z-index: 10000;
overflow: auto;
.sidebar-inner {
bottom: auto;
top: 0;
z-index: 1000;
height: 100% !important;
overflow: visible !important;
}
.poweredby {
display: block;
}
}


It will help you to show Helps icon on mobile layout

[Author]

Posts