Stirling Grand Responsive Template

Hello Anne,

I have noticed that "Brands" disappear when you narrow the screen and on a mobile phone "Brands" don't show up in the menu. How to fix that?

Quartier:

Hello Anne,

I have noticed that "Brands" disappear when you narrow the screen and on a mobile phone "Brands" don't show up in the menu. How to fix that?

You can edit the includes/templates/stirling_grand/templates/tpl_modules_mobile_categories_tabs.php file

Thanks,

Anne

Anne,

Warmest regards! I really love this template, thank you so very much for putting it all together. Quick question about adding different languages: I recently added French and I thought I had put everything in the correct place but this is what I got when I clicked:

Was curious as to what I might have done wrong or what I need to edit to make it work correctly. Most of these language packs don't have clear installation instructions..... Thanks!

MySpiritualRoots:

Anne,

Warmest regards! I really love this template, thank you so very much for putting it all together. Quick question about adding different languages: I recently added French and I thought I had put everything in the correct place but this is what I got when I clicked:

Was curious as to what I might have done wrong or what I need to edit to make it work correctly. Most of these language packs don't have clear installation instructions..... Thanks!

The template comes natively with English. If you want it to work with other languages you need to copy the template language files to your new language and translate all of the terms.

Thanks,

Anne

Hello,

I come from the german zc and want to use your template modifired for the german version too download there.

I have a problem with the activation for the template. I would use 1px for the left and right columns, 'cause I don't need it. How I can change it.

Thanks you.

Nase:

Hello,

I come from the german zc and want to use your template modifired for the german version too download there.

I have a problem with the activation for the template. I would use 1px for the left and right columns, 'cause I don't need it. How I can change it.

Thanks you.

That is not the correct way to turn off the left and right hand columns. You can do it in the zen cart admin--configuration--layout settings.

Thanks,

Anne

Good afternoon,

I would really appreciate if someone could take a look at my mobile Login Page and perhaps point me in the right direction as to why it is appearing in 2 columns and all over the place. I am assuming it is a CSS error, but I can not for the life of me find out where it is. It is fine on a standard PC but doesn't go down to one column on mobiles. Any suggestions are appreciated. I'm sure it's something dumb and my eyes are just not picking it up.

Site https://www.valuelogs.com

Hi Am using Stirling grand and as we know the mega menu is not great with a tablets touch screen. On mobile the menu changes and works great

My question is how do I get the mobile menu, with the cart and home buttons to display on tablets instead of the mega menu? I have been playing around with the code for hours now but to no avail

Thanks in advance

Congerman:

Hi Am using Stirling grand and as we know the mega menu is not great with a tablets touch screen. On mobile the menu changes and works great

My question is how do I get the mobile menu, with the cart and home buttons to display on tablets instead of the mega menu? I have been playing around with the code for hours now but to no avail

Thanks in advance

Hmmm is sarcasm allowed here? I posted same question on picaflor-azul forum and all I got from admin was "this is duplicate post" well hey ho admin I am looking for an answer not some smart comment that I have asked the same question on 2 forums.( I did reply on their site but it has to go by moderator first so I bet it is not shown lol ) Can any one give me the code to make this work or are we all going to add comments that don't really help at all?

Congerman:

Hi Am using Stirling grand and as we know the mega menu is not great with a tablets touch screen. On mobile the menu changes and works great

My question is how do I get the mobile menu, with the cart and home buttons to display on tablets instead of the mega menu? I have been playing around with the code for hours now but to no avail

Thanks in advance

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

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

Thanks Anne

Could I have the idiots guide please?

I cant get my head around dam media query's
thanks

Congerman:

Hmmm is sarcasm allowed here? I posted same question on picaflor-azul forum and all I got from admin was "this is duplicate post" well hey ho admin I am looking for an answer not some smart comment that I have asked the same question on 2 forums.( I did reply on their site but it has to go by moderator first so I bet it is not shown lol ) Can any one give me the code to make this work or are we all going to add comments that don't really help at all?

You posted this question twice on my forum and I answered it once. The other reply was that it was a duplicate post. You only need to post once on any forum for a reply.

Thanks,

Anne

picaflor-azul:

You posted this question twice on my forum and I answered it once. The other reply was that it was a duplicate post. You only need to post once on any forum for a reply.

Thanks,

Anne

That's strange. I just did a search in your forum for my posts and it only found the one.

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

Any hoo, Back to the question please. I cannot find 1024 in responsive css Could you please give me the idiot guide to how to solve this problem?

Congerman

picaflor-azul:

You only need to post once on any forum for a reply.

Thanks,

Anne

Hmm I have asked for an idiot guide to sort this problem twice here now and no response. Yet you say I only need to post once for a reply. As for your forum I have asked you there for a link to the post that you said you replied to but that has not been answered either. Are you sure we only need to post once?

Idiot guide please

Congerman

Congerman:

Any hoo, Back to the question please. I cannot find 1024 in responsive css Could you please give me the idiot guide to how to solve this problem?

Congerman

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;}

}

For example, I don't want my block of what country you are browsing to appear in the top corner of portrait but I am fine if it's left there for landscape, so I used Crome -> right click -> Inspect Element and found it it falls under #header-lan-curr, so i just put it as display:none. I'm still tweaking it and perhaps it doesn't work for everyone, but it is working great for me so far. Hope this helps.

And please be nice to Ann, she is hugely helpful on this site. A quick Google of iPad responsive css and I found this solution which seems to be working. And I am pretty much an idiot at this stuff as well.

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;}

}

For example, I don't want my block of what country you are browsing to appear in the top corner of portrait but I am fine if it's left there for landscape, so I used Crome -> right click -> Inspect Element and found it it falls under #header-lan-curr, so i just put it as display:none. I'm still tweaking it and perhaps it doesn't work for everyone, but it is working great for me so far. Hope this helps.

And please be nice to Ann, she is hugely helpful on this site. A quick Google of iPad responsive css and I found this solution which seems to be working. And I am pretty much an idiot at this stuff as well.

Thanks I will try that. Do you happen to know the css that is required to put the mobile menu instead of the full menu?

I do not think i have not been "not nice" to Anne. She said I had duplicate posted but would not give me link to supposed duplicate post. She replied here and then I asked for a idiot guide and have had no response. I am just frustrated. I use Anne's templates and have had great response for support in the past. Just can't work out why it has fallen apart this time

My site is http://ProGradeCabinets.com. Using Stirling Grand template with ZC 1.50, and has been working perfectly, thank you picaflor-azul. However I added new categories, increasing my columns in the css drop down mega menu portion to 5 & 6 columns. When hovering on item in 3rd Category, (ex. Jamco Products>Carts>2 Shelf Svc Carts>) it displays columns 4 & 5, and overlays all column 5 subcategories. How can I go about getting columns 5 and above to display correctly, or not at all?

Thanks
Jon Baumann

Cabinetman:

My site is http://ProGradeCabinets.com. Using Stirling Grand template with ZC 1.50, and has been working perfectly, thank you picaflor-azul. However I added new categories, increasing my columns in the css drop down mega menu portion to 5 & 6 columns. When hovering on item in 3rd Category, (ex. Jamco Products>Carts>2 Shelf Svc Carts>) it displays columns 4 & 5, and overlays all column 5 subcategories. How can I go about getting columns 5 and above to display correctly, or not at all?

Thanks
Jon Baumann

I would recommend re uploading the original menu styles from the template package. The overlapping is not happening in the demo, but it looks like the template is only coded out to 4 levels deep so if you have more levels you will need to copy the styles for the additional levels. You can check out the original menu tutorial for more info about this:

http://code.tutsplus.com/tutorials/how-to-build-a-kick-########-css3-mega-drop-down-menu--net-15129

Thanks,

Anne

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?