Responsive Sheffield Blue v1.0

Rocco_Habit:

Hello Anne,
I have a very slight problem that I haven't been able to figure out. I am sure it'll only take a minute of your time.
My address for the site is www.baxtercycleparts.com .

when you go to the SHOP tab at the top of the page, some of the categories in the list are displaying different than others. This does change in different browsers.

In Chrome and IE, the category Vintage Triumph Parts is displayed in two rows rather than one row. (other categories too, Like Gasket & Gasket sets and Parts Books Downloads are displayed in two rows also)

I would like to get these categories to display in one row if that is possible.

I really appreciate any time that you put into helping me solve this minor issue.

Thanks for your time,
Chris

It looks like you figured this out. Please take a minute to post your solution so that others with the same problem can easily find the answer.

Thanks,

Anne

picaflor-azul:

It looks like you figured this out. Please take a minute to post your solution so that others with the same problem can easily find the answer.

Thanks,

Anne

Thanks for your response, Anne.

Well, I messed with a little bit last night before I posted the question. I wasn't able to figure out the solution though.

In Firefox, the first category, Vintage Triumph Parts displays in one line, But in Chrome its displayed in 2 lines. The same thing is going on with a few different categories in the list.

I was using Firefox Firebug to identify the different parts of the drop down menu to adjust but it was only making the column wider and the text for a few categories was still displaying in 2 lines.

I thought the problem had something to do with how wide the column was, But I doubled the size of the column and it still has a few of the categories displayed in 2 lines.

Do you have any suggestions on what to look at besides the width of the columns?

The main reason I want to fix this is because when you click on the SHOP tab at the top, the menu extends too far and you aren't able to see the bottom categories in the Shop menu list.

Any Ideas?

Thanks again, Anne!
Chris

Rocco_Habit:

Thanks for your response, Anne.

Well, I messed with a little bit last night before I posted the question. I wasn't able to figure out the solution though.

In Firefox, the first category, Vintage Triumph Parts displays in one line, But in Chrome its displayed in 2 lines. The same thing is going on with a few different categories in the list.

I was using Firefox Firebug to identify the different parts of the drop down menu to adjust but it was only making the column wider and the text for a few categories was still displaying in 2 lines.

I thought the problem had something to do with how wide the column was, But I doubled the size of the column and it still has a few of the categories displayed in 2 lines.

Do you have any suggestions on what to look at besides the width of the columns?

The main reason I want to fix this is because when you click on the SHOP tab at the top, the menu extends too far and you aren't able to see the bottom categories in the Shop menu list.

Any Ideas?

Thanks again, Anne!
Chris

Hello ;) If you add a width to .mega-menu .levels a --around line 66 in the stylesheet_mega_menu.css file it will fix the problem ;)

Thanks,

Anne

Greetings!

I'm sorry if I've overlooked this, but the only thing I found about the social sidebar is how to adjust the length of it. On the site that I'm working on, the social sidebar at certain resolutions will go behind the mega menu. However, in some smaller resolutions, it will still be in front of the module menu. My client would like to have it go behind the module menu as it does the mega menu.

I have tried editing the z-index properties of the .sidebar class in stylesheet_social_sidebar.css and also the #moduleMenu and #moduleMenu-wrapper in stylesheet_module_tabs.css. I set the value of z-index to 9999 for #moduleMenu. I also tried setting it in .sidebar to -1, but that made the sidebar inactive at all times.

I hope this makes sense and I hope it's easy to resolve.

tromak:

Greetings!

I'm sorry if I've overlooked this, but the only thing I found about the social sidebar is how to adjust the length of it. On the site that I'm working on, the social sidebar at certain resolutions will go behind the mega menu. However, in some smaller resolutions, it will still be in front of the module menu. My client would like to have it go behind the module menu as it does the mega menu.

I have tried editing the z-index properties of the .sidebar class in stylesheet_social_sidebar.css and also the #moduleMenu and #moduleMenu-wrapper in stylesheet_module_tabs.css. I set the value of z-index to 9999 for #moduleMenu. I also tried setting it in .sidebar to -1, but that made the sidebar inactive at all times.

I hope this makes sense and I hope it's easy to resolve.

It is hard to help you without a link to the site. You can add the z-indexes to the appropriate media queries in the responsive_default.css

Thanks,

Anne

RE: Responsive Sheffield Blue template:

Does anyone here know specifically which line of code to edit in responsive.css to reduce the size of the add to cart quantity box when in mobile view? I tried reducing the percentages in lines 72 & 140 but didnt see any difference.

Thank you.

SavaTom:

RE: Responsive Sheffield Blue template:

Does anyone here know specifically which line of code to edit in responsive.css to reduce the size of the add to cart quantity box when in mobile view? I tried reducing the percentages in lines 72 & 140 but didnt see any difference.

Thank you.

If you post a link to the page with what you are trying to modify I can take a look.

Thanks,

Anne

I just installed zen cart and the Responsive Sheffield Blue template at http://www.diver4.com/catalog/ , the problem I am having is all the columns are on the left side. Not sure what I have done wrong and I have searched the forum and could not find an answer.

Any help would be appreciated.
Thanks
Dale

diver4:

I just installed zen cart and the Responsive Sheffield Blue template at http://www.diver4.com/catalog/ , the problem I am having is all the columns are on the left side. Not sure what I have done wrong and I have searched the forum and could not find an answer.

Any help would be appreciated.
Thanks
Dale

There is a bug in the header that is causing this. If you search this thread you will find a patch.

Thanks,

Anne

picaflor-azul:

There is a bug in the header that is causing this. If you search this thread you will find a patch.

Thanks,

Anne

Thanks Anne,

Found the patch (it is in post #113) and uploaded it and the problem is gone.

Great template thanks
Dale

diver4:

Thanks Anne,

Found the patch (it is in post #113) and uploaded it and the problem is gone.

Great template thanks
Dale

I am happy that you figured it out ;)

Thanks,

Anne

picaflor-azul:

I am happy that you figured it out ;)

Thanks,

Anne

Thanks, getting everything taken care of, just one more quick question (sorry to be a pain) but I have watched your videos and read through this entire thread along with reading the install page over and over and can not find how to change the images in the slider. The slider is working but still has the stock images that came with the template.

In the instructions and video I do not have the code in the files that is required to replace the images with my images, either I am blind or brain dead or maybe both but I just can not get the images changed.

Thanks
Dale

diver4:

Thanks, getting everything taken care of, just one more quick question (sorry to be a pain) but I have watched your videos and read through this entire thread along with reading the install page over and over and can not find how to change the images in the slider. The slider is working but still has the stock images that came with the template.

In the instructions and video I do not have the code in the files that is required to replace the images with my images, either I am blind or brain dead or maybe both but I just can not get the images changed.

Thanks
Dale

There are instructions for this in the readme.html file included in the template package. It is under installation, step 10 Home Page Slideshow.

Thanks,

Anne

picaflor-azul:

If you post a link to the page with what you are trying to modify I can take a look.

Thanks,

Anne

It happens with default responsive sheffield blue template

Love the template. Best responsive one I've tried.

I've searched the thread, but I can't imagine I'm the only one having this issue.

When I log in as a customer in "full / PC" mode, the "Home" and "Log Out" links lose their "hover". I can't even click on "Home". The pointer changes to a link/hand between the "o" and "u" in out.

When I'm in "middle / tablet" mode, none of the links in the top section work.

It acts like it some sort of masking/overlay issue.

We're on a fresh install of ZC 1.5.1 and have v1.0 of the template installed. I see there's a 1.1 available, but it doesn't mention the issues I'm seeing.

Any guidance would be greatly appreciated.

bbsbcastle:

Love the template. Best responsive one I've tried.

I've searched the thread, but I can't imagine I'm the only one having this issue.

When I log in as a customer in "full / PC" mode, the "Home" and "Log Out" links lose their "hover". I can't even click on "Home". The pointer changes to a link/hand between the "o" and "u" in out.

When I'm in "middle / tablet" mode, none of the links in the top section work.

It acts like it some sort of masking/overlay issue.

We're on a fresh install of ZC 1.5.1 and have v1.0 of the template installed. I see there's a 1.1 available, but it doesn't mention the issues I'm seeing.

Any guidance would be greatly appreciated.

It sounds like a z-index problem, or widths may be needed on the containing divs. If you post a link to your site I can take a look.

Thanks,

Anne

picaflor-azul:

It sounds like a z-index problem, or widths may be needed on the containing divs. If you post a link to your site I can take a look.

Thanks,

Anne

Thank you! Yes. I don't know a lot of CSS, but I'd assumed it was related to z-index. The site is God's Glory Bible.

Here are some things I've found on the issue...

Looking at the site in Chrome, it appears to be when the div id="logo" overlaps the div id = "navMain" too much.

Another way to look at it, when the items in navmain are too wide, and "Checkout" wraps to the next line, either because the window is too narrow, or due to being logged in, that's when the issue hits. The areas of navmain that are "under" logo are masked, and don't see the mouse pointer.

Any chance the template isn't reporting a correct version BTW? I got the 1.0 version from my admin panel, but I see 1.1 should have been the current version when we installed it, since this is a new "in development / testing" site that's only been up since early May.

bbsbcastle:

Thank you! Yes. I don't know a lot of CSS, but I'd assumed it was related to z-index. The site is God's Glory Bible.

Here are some things I've found on the issue...

Looking at the site in Chrome, it appears to be when the div id="logo" overlaps the div id = "navMain" too much.

Another way to look at it, when the items in navmain are too wide, and "Checkout" wraps to the next line, either because the window is too narrow, or due to being logged in, that's when the issue hits. The areas of navmain that are "under" logo are masked, and don't see the mouse pointer.

Any chance the template isn't reporting a correct version BTW? I got the 1.0 version from my admin panel, but I see 1.1 should have been the current version when we installed it, since this is a new "in development / testing" site that's only been up since early May.

I am not seeing any problem with the top navigation links in chrome on a desktop.

For the tablet view you could add a width like width:30% to the #navMainWrapper in responsive.css in the @media (max-width: 1199px) and (min-width: 768px) section.

Thanks,

anne

In desktop mode, it only happens if you're logged in as a customer.

We'll make the adjustments and report back. Thanks!

bbsbcastle:

In desktop mode, it only happens if you're logged in as a customer.

We'll make the adjustments and report back. Thanks!

I did login as a customer and in chrome on the desktop, did not see the problem.

Thanks,

Anne