Winchester Black Responsive Template

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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!

Quote:

---

Originally Posted by 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. :)

Quote:

---

Originally Posted by 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:

Code:

---

<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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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