Joomla Templates Club 406,261 posts

[soam jena Friend soam jenaJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 7 Thanked: 1 times in 1 posts]

#196970

Hey there,

I developed a website using the JA University but facing some problem for main menu collapse in iPad mini potrait and landscape and iPad 4 potrait.I need the main menu to collapse and responsive to work.

How can i accomplish this ???

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531907

can you please post your site Url

[soam jena Friend soam jenaJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 7 Thanked: 1 times in 1 posts]

#531911

Here is the Site URL:

http://clients.soamjena.com/Arsenal/

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531932

Create a custom.css using this documentation http://t3-framework.org/documentation/bs3-customization#custom-css

add this code to custom.css

@media (min-width:750px) and (max-width:1050px){

.ja-megamenu ul.level0 li.mega a.mega{
padding: 15px 6px !important;
font-size:13px !important;
}

}

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#532440

<em>@Chavan 423042 wrote:</em><blockquote>Create a custom.css using this documentation http://t3-framework.org/documentation/bs3-customization#custom-css

add this code to custom.css

@media (min-width:750px) and (max-width:1050px){

.ja-megamenu ul.level0 li.mega a.mega{
padding: 15px 6px !important;
font-size:13px !important;
}

}
</blockquote>

Sorry to hijack the thread but my issue is very similar.

I would like the menu to become responsive and show “navigation” when the resolution is 1024px width.

I tried the custom.css you suggested with (max-width:1024px) but it didn’t work as I wanted. I don’t suppose you could help me out with this.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532481

@gringo211985

can you please post a screenshot of how your site is in 1024px and Another screenshot how to you need.

Also post your site Url.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#532522

<em>@Chavan 423737 wrote:</em><blockquote>@gringo211985

can you please post a screenshot of how your site is in 1024px and Another screenshot how to you need.

Also post your site Url.</blockquote>

What it’s currently like

What I want it like

love-and-relationship-expert.com/

Thanks,
Richard

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532561

create a custom.css file using this tutorial http://t3-framework.org/documentation/bs3-customization#custom-css

Add this code to custom.css

@media (max-width: 1023px) {

.ja-megamenu ul.level0 li.mega a.mega{
padding:15px 10px !important;
}

}

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#532573

<em>@Chavan 423833 wrote:</em><blockquote>create a custom.css file using this tutorial http://t3-framework.org/documentation/bs3-customization#custom-css

Add this code to custom.css

@media (max-width: 1023px) {

.ja-megamenu ul.level0 li.mega a.mega{
padding:15px 10px !important;
}

}
</blockquote>

Hi @chavan

I have added the code to my custom.css but it’s not working, I added it to both the css and themes/mycolour/css but both do nothing.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532628

@gringo211985

can you please post your site Url. so I can check and update you on this .

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#532657

@chavan

love-and-relationship-expert.com/ is my url

Thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532679

you have partially done it, you did you complete it by adding the cusom.css linksheet to head.php or header.php .

Please do this, If you could not find how to do, Please post me your ftp details in PM. I will add it for you

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#532689

<em>@Chavan 424010 wrote:</em><blockquote>you have partially done it, you did you complete it by adding the cusom.css linksheet to head.php or header.php .

Please do this, If you could not find how to do, Please post me your ftp details in PM. I will add it for you</blockquote>
@chavan

Thanks, I’ve added the custom.css to the head.php but for some reason it’s shrinking my menu and not showing the navigation, see screenshots below.

This is what it’s currently like

This is how I want it when the resolution reaches 1024px

Thanks

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532691

ok, please post your site admin details in PM. will fix that for you

[Author]

Posts