Stirling Grand Responsive Template

Quote:

---

Originally Posted by Cabinetman

I re-uploaded all the .css files, as I had compiled and combined some files. But this made no change. The link to the tutorial isn't valid. I checked out some other css menu tutorials online, but couldn't figure it out. I am ok with just displaying 4 levels deep, if there is an easy way to do that, but I can't reduce the number of subcategories I have. Any thoughts?

---

try this: go to tutsplus.com and search on "mega drop down menu" and you will find the reference. for some reason the link isnt copying correctly.

Quote:

---

Originally Posted by Cabinetman

I re-uploaded all the .css files, as I had compiled and combined some files. But this made no change. The link to the tutorial isn't valid. I checked out some other css menu tutorials online, but couldn't figure it out. I am ok with just displaying 4 levels deep, if there is an easy way to do that, but I can't reduce the number of subcategories I have. Any thoughts?

---

The forum has stripped out one of the words in the url. The removed word is bravo utah tango tango ;)

Thanks,

Anne

Finally figured it out.
In the stylesheet_mega_menu.css file I changed the following code:

.mega-menu .levels li:hover ul ul, .mega-menu .levels li:hover ul ul ul, .mega-menu .levels li:hover ul ul ul ul, .mega-menu .levels li:hover ul ul ul ul ul{left: -999em;}

.mega-menu .levels li:hover ul, .mega-menu .levels li li:hover ul, .mega-menu .levels li li li:hover ul, .mega-menu .levels li li li li:hover ul{left: 145px;}

Now my numerous subcategories are displaying properly.

Thanks

Quote:

---

Originally Posted by picaflor-azul

This template is using media queries only for the responsive design. You would need to hide the mega menu (display:none;) at the media query for 1024 pixels and display:block the mobile menu.

Thanks,

Anne

---

Hello Anne,

thank you for this nice template, i need the idiots guide, too.

Do you mean .mega-menu display:none at /includes/templates/stirling_grand/css/responsive.css?

Where can i found the lines to media query?

Quote:

---

Originally Posted by margecc

I could be wrong, but this is what I am currently adding to the responsive.css to fix some display problems my site has on iPads (which are 768x1024)

@media only screen and (device-width:768px)and (orientation:landscape){
add your css here
}


@media only screen and (device-width:768px)and (orientation: portrait){
and here
#header-lan-curr {display:none;}

}

---

I found this lines with Developers Tool Kit only in Winchester Responsive, not in Stirling Grand.

Quote:

---

Originally Posted by jjuno

Hello Anne,

thank you for this nice template, i need the idiots guide, too.

Do you mean .mega-menu display:none at /includes/templates/stirling_grand/css/responsive.css?

Where can i found the lines to media query?

---

Yes, in this template package the media queries are in the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by jjuno

I found this lines with Developers Tool Kit only in Winchester Responsive, not in Stirling Grand.

---

You will probably need to add a media query specific for landscape tablets. Normally this is width 1024pixels.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Yes, in this template package the media queries are in the responsive.css file.

Thanks,

Anne

---

O. K., excuse me please, my native language is not English. All the Translator or Compiler are so different.

My Problem, i can not detect this Value with 1024 pixels, i can detect it in stylesheet. All works fine, but i see
it on the Android Tab,with 10.1", the Mega Menu did not work.

What can i do?

Quote:

---

Originally Posted by jjuno

O. K., excuse me please, my native language is not English. All the Translator or Compiler are so different.

My Problem, i can not detect this Value with 1024 pixels, i can detect it in stylesheet. All works fine, but i see
it on the Android Tab,with 10.1", the Mega Menu did not work.

What can i do?

---

This template uses media queries only for the responsive design. You need to write a query that will isolate landscape tablets and then add a display:none; to the mega menu if you do not want it to show on landscape tablets. If you do a google search you will find instructions on how to write media queries.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you do a google search you will find instructions on how to write media queries.

---

Dear Anne,

thank you, thank you so much, i use the google search before i posted hear. Result, nothing, it's for me to complicated. The responsive Templates are for normal Users to difficult, i try any solutions, but no success.

I go back to an normal free template.

Cheers