JoomlArt Forums 32,862 posts

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#521065

@testcouch,
In temp JA Fixel, we make mega menu slider in iphone ( horizontal and vertical ), but if you want mega menu not slider in horizontal view iphone you can follow step bellow;
1, First you need to backup your site,

2, Create a new css file named: custom.css in templatesja_fixelcss directory

3, Add below CSS code to this custom.css file:
[PHP]@media (min-width: 481px) and (max-width: 767px) {
.t3-mainnav.navbar-collapse-fixed-top {
position: inherit;
top: auto;
}

.t3-mainbody {
margin-top: 40px;
}
}[/PHP]

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#521188

hello Hayden, many thanks for your css code. 🙂 it looks now better..how can i give the mega menu slider the full width? i have a space left and right on my iphone!?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#521274

@testcouch ,
You need to add following CSS rule to the custom.css file:
[PHP]@media (min-width: 481px) and (max-width: 767px) {

.t3-mainnav {
width: auto !important;
margin-left: -20px !important;
margin-right: -20px !important;
}
} [/PHP]

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#522561

<em>@Hayden A 409543 wrote:</em><blockquote>@testcouch ,
You need to add following CSS rule to the custom.css file:
[PHP]@media (min-width: 481px) and (max-width: 767px) {

.t3-mainnav {
width: auto !important;
margin-left: -20px !important;
margin-right: -20px !important;
}
} [/PHP]</blockquote>

thanks for your help..the menu slider is perfect but the off-canvas menu slider is now not complet visible in horizontal view!? see screensoot

---

Attachments:

1. 

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#522928

@testcouch ,
I have checked the JA Fixel template and see no bug as you mentioned (please have a look at screenshot: )

I think you need to upgrade T3 Framework (remember to backup your site first). It might help to resolve conflict between T3 and Jomsocial bootstrap.

---

Attachments:

1. 

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#523035

@hayden A

just upgradet T3 Framework to latest 2.1.2 but off-canvas issue in horizontal view still exists. also jump the conent/components in horizontal view!

Joomla 2.5.18

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#523091

@ testcouch,
I need to debug directly on your site, please PM me url, admin and ftp credentials of your site

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#523393

<em>@Hayden A 411803 wrote:</em><blockquote>@ testcouch,
I need to debug directly on your site, please PM me url, admin and ftp credentials of your site</blockquote> ok done 🙂

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#523720

I just checked my inbox but I’ve not received your message yet, please PM me again.

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#523825

<em>@Hayden A 412566 wrote:</em><blockquote>I just checked my inbox but I’ve not received your message yet, please PM me again.</blockquote> hmmm..>:( ok done 😉

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#524085

@ testcouch,

I have changed the custom.css file a little bit.
Please check again if it matches your need.

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#524500

<em>@Wall Crasher 413058 wrote:</em><blockquote>@ testcouch,

I have changed the custom.css file a little bit.
Please check again if it matches your need.</blockquote>
@hayden A and Wall Crasher

many thanks for you help..it needed some time but it works now perfekt 🙂

next step is add and Customize own Logo 😉

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#526061

@testcouch ,
You can follow this T3 guide to handle the logo customisation http://t3-framework.org/documentation/customization/89-documentation.html#logo-customization

[Author]

Posts