Winchester Responsive

Quote:

---

Originally Posted by RixStix

Top Specials Bar. Is this by design or a glitch? Our initial thought was to use this bar to highlight a link to an EZ page that would explain new features or functionality in an attempt to help customers get acquainted with a new look. Then, migrate to SPECIALS.

Quitting time today, so will pick up here tomorrow.

Code:

---

/*bof top specials*/
define('HEADER_TITLE_SPECIALS','<a href="index.php?main_page=specials">Specials</a>');
define('HEADER_TITLE_TOP_TEXT','FREE Shipping on all orders over $50.00!');

---

The HEADER_TITLE_SPECIALS link only appears on desktop displays and is removed when width steps down from full width or possibly tablets. GalaxyTab 8 and 10 inch. Both are 1280 x 800. 10inch displays both 'defines' in landscape. 8 inch only displays HEADER_TITLE_TOP_TEXT in landscape. Do not have any means to test Apple devices.

The HEADER_TITLE_TOP_TEXT is displayed on all tablet devices that I can test but has no clickable link due to the above.

---

You can put any content in the top bar. You can add your content by editing the define statements. If you want the text to link somewhere, then just add a html link tag ;) It is designed that the specials button will be hidden on mobile devices. This is for space sake.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

It is designed that the specials button will be hidden on mobile devices. This is for space sake.

---

TNX. I thought that might be the case.

What do I change so that the space occupied by the collapsed menu does not overlay the logo in the mobile width? I have tried several settings but have yet to find the proper file and/or edit.

Purple width instead of green width.

Attachment 14046

Quote:

---

Originally Posted by RixStix

What do I change so that the space occupied by the collapsed menu does not overlay the logo in the mobile width? I have tried several settings but have yet to find the proper file and/or edit.

Purple width instead of green width.

Attachment 14046

---

You will need to edit the responsive_mobile.css and the responsive_default.css (this is for devices whose user agent is not detected).

In responsive_default.css on line 182 change to:

Code:

---

#menu {
margin-top: -130px;
width: 50%;
float: right;

---

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

In responsive_default.css on line 182 change to:

Code:

---

#menu {
margin-top: -130px;
width: 50%;
float: right;

---

---

I probably should stop working with the template until the entire category list can be displayed, but when the above code is changed in responsive_default.css, 2 instances of login and shopping cart appear on the page (desktop or mobile).

In my attempts to try to figure this out on my own, I found the page source code seems to indicate that they are there before the code is changed (maybe one is naturally hidden until the above code edit is made).

Code:

---

<!--eof handheld menu display-->
<div id="mobile-nav1">
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=account"><i class="fa fa-user"></i></a>
<a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=advanced_search"><i class="fa fa-search"></i></a>
<div id="header-cart">
  <a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=shopping_cart">0  - $0.00</a>
  </div>
</div>
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li class="h-login"><a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=login">Log In / Register</a></li>
</ul>
</div>
<br class="clearBoth" />
<div id="header-cart">
    <a href="http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=shopping_cart">0  - $0.00</a>
  </div>
<!--eof-navigation display-->

---

The slideshow is a tad too tall for my client's preferences.. How do I change the height.. I tried simply resizing the images, but that didn't work..

Found a small typo in the auto-installer in the banner section
Change this line:

Code:

---

('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepagesldie', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),

---

To this:

Code:

---

('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepageslide', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),

---

Quote:

---

Originally Posted by DivaVocals

Found a small typo in the auto-installer in the banner section
Change this line:

Code:

---

('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepagesldie', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),

---

To this:

Code:

---

('', 'Packed with Features', 'http://www.picaflor-azul.com', 'banners/slide14.jpg', 'homepageslide', NULL, '0', NULL, NULL, '0001-01-01 00:00:00', NULL, '1', '1', '1', '0'),

---

---

Thanks for the catch! I have already fixed this for the next update which I will uploading soon.

Thanks,

Anne

Quote:

---

Originally Posted by DivaVocals

The slideshow is a tad too tall for my client's preferences.. How do I change the height.. I tried simply resizing the images, but that didn't work..

---

You can edit the stylesheet_flex.css file line 27 min-height and max-height.

Thanks,

Anne

The template package has been approved and is available for download from the plugins section ;)

Thanks,

Anne