Stirling Grand Responsive Template

[lruskauff]

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.

[picaflor-azul]

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

[Cabinetman]

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

[jjuno]

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?

[jjuno]

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.

[picaflor-azul]

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

[picaflor-azul]

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

[jjuno]

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?

[picaflor-azul]

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

[jjuno]

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