Winchester Black Responsive Template

picaflor-azul:

You can edit the responsive_mobile.css stylesheet for phones and the responsive_tablet.css stylesheet for tablets. Both are in includes/templates/winchester_black/css

Thanks,

Anne

Thank you Anne. I was able to fix it for the iPad in vertical mode, but for the life of me, I can't get it to work in mobile. I'm assuming I have to add: .top-specials{margin-left:10px;} somewhere in the code, but it's not showing up no matter where I put it.

The gray part showcasing the text 'FREE Shipping on all orders over $50.00!' shows up, but the link part for 'Specials' is absent.

Maybe you could point me in the right direction as to what I need to add and where? Thank you very much again, and I hate to be a pain. It's just this one last thing and then my shop is pretty much complete.

Thank you.

blackeyed5:

Thank you Anne. I was able to fix it for the iPad in vertical mode, but for the life of me, I can't get it to work in mobile. I'm assuming I have to add: .top-specials{margin-left:10px;} somewhere in the code, but it's not showing up no matter where I put it.

The gray part showcasing the text 'FREE Shipping on all orders over $50.00!' shows up, but the link part for 'Specials' is absent.

Maybe you could point me in the right direction as to what I need to add and where? Thank you very much again, and I hate to be a pain. It's just this one last thing and then my shop is pretty much complete.

Thank you.

The specials is hidden on phones due to width constraints. If you want to show it you will have to remove the display:none; from the element .top-specials

Thanks,

Anne

picaflor-azul:

The specials is hidden on phones due to width constraints. If you want to show it you will have to remove the display:none; from the element .top-specials

Thanks,

Anne

Well, that's what I did to fix it on the iPad. But there is no code for it at all in the mobile version. The text is there though, just not the link. Since it just sits at the top of the header, it's not really an issue with size. I'm not referring to the pull out tab, rather the top message in gray.

blackeyed5:

Well, that's what I did to fix it on the iPad. But there is no code for it at all in the mobile version. The text is there though, just not the link. Since it just sits at the top of the header, it's not really an issue with size. I'm not referring to the pull out tab, rather the top message in gray.

If you post a link to your site I can take a look.

Thanks,

Anne

picaflor-azul:

If you post a link to your site I can take a look.

Thanks,

Anne

Thank you.

Here is the link to my site: https://shop.atomicorchard.com/

It's only an issue with mobile it seems.

Thanks again!

picaflor-azul:

No, you need to modify the css

Thanks,

Anne

Above appears to be the end of a conversation that I too could use a little help on... Logo on "desktop" load is left justified, with tools/menu options on the right side. Downsizing the view moves the menu options "out-of-the-way" of the logo and the logo appears to become centered through the remaining downsizes... Been requested to center the logo when viewed with high resolution, but then I see the loss of land if something isn't done to keep the rightside tools in place... Seems to be a couple too many things for me to figure out at the moment and been at it for WAY too long already.

Site is: http://sturgisrings.com

Assistance requested. Again, would like logo to fill more of the main screen (preferably centered) but not to necessarily push everything that is located on the right side out of the way (down) causing the header to be much larger than it is now. If it could be underneath that content I think the site owner would be satisfied. :)

blackeyed5:

Thank you.

Here is the link to my site: https://shop.atomicorchard.com/

It's only an issue with mobile it seems.

Thanks again!

This code is not in the tpl_header_mobile.php file:

<div class="top-specials"><?php echo HEADER_TITLE_SPECIALS; ?></div>

If you look in the tpl_header.php file you will see how the code fits in ;)

Thanks,

Anne

mc12345678:

Above appears to be the end of a conversation that I too could use a little help on... Logo on "desktop" load is left justified, with tools/menu options on the right side. Downsizing the view moves the menu options "out-of-the-way" of the logo and the logo appears to become centered through the remaining downsizes... Been requested to center the logo when viewed with high resolution, but then I see the loss of land if something isn't done to keep the rightside tools in place... Seems to be a couple too many things for me to figure out at the moment and been at it for WAY too long already.

Site is: http://sturgisrings.com

Assistance requested. Again, would like logo to fill more of the main screen (preferably centered) but not to necessarily push everything that is located on the right side out of the way (down) causing the header to be much larger than it is now. If it could be underneath that content I think the site owner would be satisfied. :)

To start, adjust the width of the #logoWrapper. If you want the logo to be centered you will need to remove the float:left; from the #logoWapper and the #logo. You will probably need to make adjustments to the other elements after you do this.

Thanks,

Anne

picaflor-azul:

To start, adjust the width of the #logoWrapper. If you want the logo to be centered you will need to remove the float:left; from the #logoWapper and the #logo. You will probably need to make **adjustments to the other elements **after you do this.

Thanks,

Anne

That's what I'm "afraid of" :) Thank you for looking into it.

mc12345678:

That's what I'm "afraid of" :) Thank you for looking into it.

If you make the first changes I can take a look and help line the other elements up. I know that you know this, but for anyone reading who doesn't know, you can use chrome and the developer tools to help you out ;)

Thanks,

Anne

picaflor-azul:

This code is not in the tpl_header_mobile.php file:

<div class="top-specials"><?php echo HEADER_TITLE_SPECIALS; ?></div> ``` > > If you look in the tpl_header.php file you will see how the code fits in ;) > > Thanks, > > Anne

Thanks Anne! That did it! I really appreciate your help. You're amazing!

So...remember how I said that was my last issue? Well...turns out I have one last one. I've been trying to add a background image to the site, and I've been editing the stylesheet.css file like you said, but I just can't get the image to show up. I don't know what the issue is, because I have the code right, and even checking in firefox, it's showing that the code is in there for the background image, but it's just not displaying on screen. Does it have anything to do with https? Thanks again for all your help. Even if I can't get this background image to work, you've been more than helpful.

HI

I can't see the code for your background image?

lruskauff

mc12345678:

That's what I'm "afraid of" :) Thank you for looking into it.

Hi
I got my image to center last night but I did a few things and I'm not sure all are needed. And I got too tired for more testing, sorry. But you can it on my play site:
testzen.thestitchsanctuary.com. I won't be home until later tomorrow.

I just used the demo. I took out a few floats, added a text-align:center, and put ```
logoWrapper

<!--bof-branding display-->

<p id="logoWrapper" class="center">

<div> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?> </div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"> <?php echo HEADER_SALES_TEXT;?>

  </div>

<?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?>

  <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>

<?php } } ?>

</div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>

</div></p>

What I'm not sure of is how it will work with responsive.  I'm not sure about the negative margin, and I'm not sure about putting the paragraph in.  But it might be a short term fix.

I tried to edit your code to make the same thing happen but I could not get it to align.  I have a theory and maybe Anne can confirm.  The logo and tagline are each in their own DIV and then together in logoWrapper div.  Since you don't have the tagline showing, the holding space for it goes away, causing them not to align like mine do.  

Hope this helps in some small way.

blackeyed5:

Thanks Anne! That did it! I really appreciate your help. You're amazing!

So...remember how I said that was my last issue? Well...turns out I have one last one. I've been trying to add a background image to the site, and I've been editing the stylesheet.css file like you said, but I just can't get the image to show up. I don't know what the issue is, because I have the code right, and even checking in firefox, it's showing that the code is in there for the background image, but it's just not displaying on screen. Does it have anything to do with https? Thanks again for all your help. Even if I can't get this background image to work, you've been more than helpful.

The url for your image is incorrect. Upload the image to your template images folder (this is a template related image) and then add this to your body tag:

background: #000 url(../images/yourimagename.jpg);

Thanks,

Anne

Hello All. I am having an issue changing the header "Categories" tab to another name. I was able to successfully change it on the side box, but have not found the corresponding file to change it. it. Any help is greatly appreciated!

picaflor-azul:

The url for your image is incorrect. Upload the image to your template images folder (this is a template related image) and then add this to your body tag:

background: #000 url(../images/yourimagename.jpg);

> 
> 
> Thanks,
> 
> Anne


Ugh, such a dumb mistake...thank you so much for saving me hours of frustration.  I'm pretty much done except for adding my items and images. I can't thank you enough for all your help and a great template!

Freddiec2385: Try /includes/languages/english/extra_definitions/winchester_black/winchester_black_defines.php

lruskauff

Freddiec2385:

Hello All. I am having an issue changing the header "Categories" tab to another name. I was able to successfully change it on the side box, but have not found the corresponding file to change it. it. Any help is greatly appreciated!

Look in the includes/languages/english/extra_definitions/winchester_black/winchester_black_defines.php file

Thanks,

Anne

blackeyed5:

Ugh, such a dumb mistake...thank you so much for saving me hours of frustration. I'm pretty much done except for adding my items and images. I can't thank you enough for all your help and a great template!

No problem ;) I am happy that you got it all straightened out ;)

Thanks,

Anne

Hi Anne....

Thought it was all good, but noticed one last bug..

In iPad portrait mode, the little black button that was missing before at the very top that can take you to specials, or whatever is there now, however I can't click on it to do anything. It's only not working in iPad portrait. Do I have to change the z index or something? Or what should I change specifically? Thanks...