Stirling Grand Responsive Template

[SBNHPV]

Here's my solution for the "larger image" problem:

responsive.css line 4 change

img{max-width:100%;height:auto;border:0;}

to

img{height:auto;border:0;}

Add

img{max-width:100%;}

to the bottom of the

@media (min-width:768px) and (max-width:979px){

section (around line 263).

I did all of that and it didn't work out real well. I would also like to get rid of the tagline below the header image if possible!

[SBNHPV]

Could I simply download and embed my logo in the background image that the cart is floating on top of? Then upload a transparent logo and delete the text for the tagline? Where do I find the background image if that is possible?

[picaflor-azul]

Could I simply download and embed my logo in the background image that the cart is floating on top of? Then upload a transparent logo and delete the text for the tagline? Where do I find the background image if that is possible?

That is not the best way to accomplish it. It will cause a lot of other problems, the background image is a small repeating image in includes/templates/stirling_grand/images

Thanks,

Anne

[SBNHPV]

That is not the best way to accomplish it. It will cause a lot of other problems, the background image is a small repeating image in includes/templates/stirling_grand/images

Thanks,

Anne

Fair enough. What then is the best way to accomplish my goal? What problems would it cause if I created a background image with my logo embedded?

[picaflor-azul]

Fair enough. What then is the best way to accomplish my goal? What problems would it cause if I created a background image with my logo embedded?

The best way is to use the logo functionality in zen cart for your logo and then either hide other header elements or adjust their positioning in the includes/templates/stirling_grand/common/tpl_header.php file, using css, or both.

Thanks,

Anne

[SBNHPV]

The best way is to use the logo functionality in zen cart for your logo and then either hide other header elements or adjust their positioning in the includes/templates/stirling_grand/common/tpl_header.php file, using css, or both.

Thanks,

Anne

This should be the easiest and most important mod to any website. It is incredibly ridiculous that Zen Cart has made it nearly impossible to change the size and placement of the logo in the header! I love the software, but am baffled by this oversight!

[picaflor-azul]

This should be the easiest and most important mod to any website. It is incredibly ridiculous that Zen Cart has made it nearly impossible to change the size and placement of the logo in the header! I love the software, but am baffled by this oversight!

It is not impossible to change the size and placement of the logo. All I am saying is that if you upload a logo that is a different size than the recommended logo size for the template, you may have to make adjustments.

Thanks,

Anne

[denliv]

I have an issue with the prices jumping out of alignment as soon as the template switches to min-width mode on the product listing page. It's ok in column layout but not row layout, which we prefer. Any ideas? I switched to column layout till fixed so I can't post a link, but you can see a screen grab of the problem here: denliv.com/prices

[picaflor-azul]

I have an issue with the prices jumping out of alignment as soon as the template switches to min-width mode on the product listing page. It's ok in column layout but not row layout, which we prefer. Any ideas? I switched to column layout till fixed so I can't post a link, but you can see a screen grab of the problem here: denliv.com/prices

This template was coded specifically to use the column layout so I did not spend much time on the rows layout. If you want to use the rows layout you might have to make some adjustments in the responsive.css

Thanks,

Anne

[ThatGuy]

Hi Anne... let me first just say that this template is a first class, five star effort... six stars, even... and I thank you very much for it - and will be donating to you. I was thrilled to come across it.

I'm currently upgrading/recreating a 1.39 site in 1.51 and have a fair amount of experience tweaking Zen through php/css and sql queries. What would be your recommended route for breaking out product categories along the top bar (in the full screen "desktop" version)? Two categories would be okay, but I would really like three, with products dropping down just as they already do. I have no problem moving the other links to make room, so bar space is not an issue.

Ideally, these would carry over in the middle responsive version, but as long as the categories could still condense (or disappear entirely) at smaller screen sizes, that would be fine, too. I explored some ways including messing with "manufacturers" (it's all one manufacturer, but someone suggested that as a hacky way of going about it). There was another solution in Mega Menu which involved querying, but this proved fairly unsatisfactory in the responsive environment... and I also might have borked the whole menu in the process, so I decided to give up and go back to the (very nice) default.

I didn't want to spend too much longer on a wild goose chase without at least first getting your opinion on what method might work best for this inside your template, if any. The existing cart has legacy product urls (or at least product id's) that I would like to maintain because of google. Any ideas? Thank you.