Responsive Sheffield Blue v2.0

[chowardart]

http://www.rossales.com/rsh9

It's still under development... I customized an earlier version of the template, but this one has so much more!... But yes, it's a plant nursery and therefore doesn't need the "Brands" heading, plus I could use the space...

Also, how to get rid of the search box on the left column without getting rid of the one in the top menu bar - they seem to be linked. I don't like the way that search box looks in the phone size...

And I wanted to mention, the Troy Labs site is "OK" for showing phone and tablet layouts, and is very handy, but I still see a different appearance with that site and my iPhone (5s). I know that's not your doing, and hey, I never heard of it before you posted it, and it is a good reference, but if I was a full-time designer, I'd pay for something more accurate if it exists. But yes, thanks for showing me that...

(Lastly, I don't know if you remember me, I had written you about pineapples and hummingbirds in Hawaii, but on a happy note, I'm growing pineapples in my backyard, and I harvested the first one last week and the next is about ripe, just in time for a visit to a family reunion. They came out AWESOME! Sweet, juicy and delicious! I found out that domestic hummingbrids are not dangerous as the Hawaiian ones are. So if you get a chance, grow a pineapple! You won't regret it!!!)

[picaflor-azul]

http://www.rossales.com/rsh9

It's still under development... I customized an earlier version of the template, but this one has so much more!... But yes, it's a plant nursery and therefore doesn't need the "Brands" heading, plus I could use the space...

Also, how to get rid of the search box on the left column without getting rid of the one in the top menu bar - they seem to be linked. I don't like the way that search box looks in the phone size...

And I wanted to mention, the Troy Labs site is "OK" for showing phone and tablet layouts, and is very handy, but I still see a different appearance with that site and my iPhone (5s). I know that's not your doing, and hey, I never heard of it before you posted it, and it is a good reference, but if I was a full-time designer, I'd pay for something more accurate if it exists. But yes, thanks for showing me that...

(Lastly, I don't know if you remember me, I had written you about pineapples and hummingbirds in Hawaii, but on a happy note, I'm growing pineapples in my backyard, and I harvested the first one last week and the next is about ripe, just in time for a visit to a family reunion. They came out AWESOME! Sweet, juicy and delicious! I found out that domestic hummingbrids are not dangerous as the Hawaiian ones are. So if you get a chance, grow a pineapple! You won't regret it!!!)

You can either remove the code for the brands from the tpl_modules_mobile_categories_tabs.php file, or add a display:none; to the .brands-li in the stylesheet.css file.

The searches are not linked. One is a sidebox and one is the header search. Turn off the sideboxes/search.php if you don't want this box to show in the left hand column.

Are you using the correct links to check the layouts:

your domain.com/index.php?main_page=index&display_mode=isMobile

your domain.com/index.php?main_page=index&display_mode=isTablet

Lol, I wish that I lived somewhere tropical enough to grow pineapples.

Btw, love your greens on the site ;)

Thanks,

Anne

[chowardart]

Thanks! Just one more thing: I haven't been able to locate the CSS for the dropdown lists. Could you point the way?

I had to laugh at the green comment, knowing the template is in name, "Blue"...

[picaflor-azul]

Thanks! Just one more thing: I haven't been able to locate the CSS for the dropdown lists. Could you point the way?

I had to laugh at the green comment, knowing the template is in name, "Blue"...

They are in the stylesheet.css file. Look for /*bof mobile menu*/

Thanks,

Anne

[JanusR]

The "live demo" link on https://www.zen-cart.com/downloads.php?do=file&id=1744 points to http://zenlyzen.com/responsive/index...sheffield_blue which is the demo link associated with RSB1.1. Since this demo no longer represents the latest version of RSB, I suggest updating the link to the RSB2.0 version http://zenlyzen.com/mobile-friendly-...sheffield_blue.

[picaflor-azul]

The "live demo" link on https://www.zen-cart.com/downloads.php?do=file&id=1744 points to http://zenlyzen.com/responsive/index...sheffield_blue which is the demo link associated with RSB1.1. Since this demo no longer represents the latest version of RSB, I suggest updating the link to the RSB2.0 version http://zenlyzen.com/mobile-friendly-...sheffield_blue.

If you look at the demo link in the readme, it goes to the correct version. I can not update the main description on the template here in the plugins section. I have updated the demo link in any place that I can do this. There are still links out there pointing to the old demo. When people open up the readme they will see the link to the new demo. Not sure how I can update links that I have no access/permission to update.

Thanks,

Anne

[angst]

They are in the stylesheet.css file. Look for /*bof mobile menu*/

Thanks,

Anne

I am looking to do similar. I want to take out "customer service" completely from the top horizontal menu and either make some changes to or eliminate the "information" drop down.
What is the full path to the place you were telling chowardart to go?
I am also not super experienced. I saw you mention "display:none". How do you go about adding that to the code to keep certain menu drop-downs from being visible?

[picaflor-azul]

I am looking to do similar. I want to take out "customer service" completely from the top horizontal menu and either make some changes to or eliminate the "information" drop down.
What is the full path to the place you were telling chowardart to go?
I am also not super experienced. I saw you mention "display:none". How do you go about adding that to the code to keep certain menu drop-downs from being visible?

The easiest way is to use chrome and the web developer tools. You can inspect the element to find out what selector you need to add the display:none; to. If you go to the w3c school css tutorial it will explain a lot of basics:

http://www.w3schools.com/css/default.asp

Thanks,

Anne

[angst]

The easiest way is to use chrome and the web developer tools. You can inspect the element to find out what selector you need to add the display:none; to. If you go to the w3c school css tutorial it will explain a lot of basics:

http://www.w3schools.com/css/default.asp

I gave Chrome Developer Tools a whirl and I am having the same problem as in similar Firefox tools.
Where in the tool does it tell you the url/path of the element you are inspecting?

Taking a clue from the code on the page seen here and trying it at the TryIt Editor at w3schools it didn't seem like I was on the right track.

<ul style="display: none;"></ul>

Unrelated question: in admin/configuration/logging when I set display the page parse time to true it still does not display the parse time at the bottom of the page. Is this feature incompatible with this template?

[angst]

It has been a fustrating couple of days trying to figure out how to disable top menu items. From many hours of experimenting I am still not certain what page you are looking at when you are looking at the code in a browser developer tool.

Using lines of code seen in the browser tool and pasting into the admin/tools/developers tool kit/ look up in all files it seems that the relevant file is
includes/templates/responsive_sheffield_blue/templates/tpl_modules_mobile_categories_tabs.php

Removing the line leading into the ! comment and everything between:

 <li class="aboutus-li"><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>" class="drop"><?php echo HEADER_TITLE_ABOUT_US; ?></a><!-- bof about us -->
<ul>
<li>

            <div class="dropdown_aboutus">
                    
  <h2><?php echo TITLE_ABOUT_US;?></h2>

  <p class="mega-about"><?php echo TEXT_ABOUT_US;?></p>             
                        <img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.ABOUT_US_IMAGE ?>"   class="imgshadow_light aboutus-image" alt="about us"  />    
<div class="clearBoth"></div>
            </div>
</li> 
</ul>

       </li><!-- eof about us -->

The result was that it did remove the menu item. But if I removed an additional item like the "customer service" it would mess up the layout. (pic attached)


Next I tried includes/templates/responsive_sheffield_blue/css/stylesheet.css
and used /*## this is commented out## */ around the following code around line 356

ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li ul li{width:600px;}

with no effect.

Then tried the same commenting out the following.

ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li ul li{width:600px;}
#menu h2{color:#fff;}
.mega-about{float:left;width:70%;}
.aboutus-image{float:right;width:20%;margin-right:30px;margin-bottom:30px;}
.mega-confidence{margin-bottom:30px;margin-top:20px;}
#header-icons i{font-size:250%;margin-right:10px;margin-bottom:20px;}
.ribbon {width: 50%;position: relative;background: #24629f;color: #fff;}
.ribbon:before, .ribbon:after {content: "";position: absolute;display: block;bottom: -1em;border: 0 solid #986794;z-index: -1;}
.ribbon:before {left: -2em;border-right-width: 1.5em;border-left-color: transparent;}
.ribbon:after {right: -2em;border-left-width: 1.5em;border-right-color: transparent;}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {content: "";position: absolute;display: block;border-style: solid;border-color: #0f3f57 transparent transparent transparent;bottom: -1em;}
.ribbon .ribbon-content:before {left: 0;border-width: 1em 0 0 1em;}
.ribbon .ribbon-content:after {right: 0;border-width: 1em 1em 0 0;}
.non-semantic-protector { position: relative; z-index: 1;}

without success