Winchester Responsive

[picaflor-azul]

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.

/*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

[RixStix]

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.

[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

[picaflor-azul]

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:

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

Thanks,

Anne

[RixStix]

In responsive_default.css on line 182 change to:

#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).

<!--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-->

[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..

[DivaVocals]

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

('', '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:

('', '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'),

[picaflor-azul]

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

('', '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:

('', '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

[picaflor-azul]

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

[picaflor-azul]

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

Thanks,

Anne