Responsive Sheffield Blue v1.0

[picaflor-azul]

I do not think message 165 was ever addressed and I am having the same issue. Once the screen size reaches hand held device size there is a problem with the products list. When the screen is full size the product title has what appears to be a line break so that the product description will start on a new line. Whenever I decrease the size of the screen to handheld size the product description starts right after the product title without a line break. As long as the product title is at least one full line the break after the product title works fine on the handheld device. I get the same results when using Chrome and Firefox on a Linux desktop and Chrome or Opera on an android smart phone or 7 inch tablet.

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

So you are seeing a problem with the tablet at screen resolution 768 pixels wide?

Thanks,

Anne

[jnissley]

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

So you are seeing a problem with the tablet at screen resolution 768 pixels wide?

Thanks,

Anne

My test website is test.gunkings.com. I opened it up so you can get to it. I do not like it open to the word for long since Google tends to index things even if you do not want them to some times. Thanks for any assistance you can provide.

[picaflor-azul]

My test website is test.gunkings.com. I opened it up so you can get to it. I do not like it open to the word for long since Google tends to index things even if you do not want them to some times. Thanks for any assistance you can provide.

I just checked your site on an ipad at portrait (768 pixels wide) and an android at 758 pixels wide using google chrome mobile and do not see the problem.

If you are just resizing your browser you will see in between break points where this happens, but none of the mobile devices are rendering this way.

Thanks,

Anne

[jnissley]

I just checked your site on an ipad at portrait (768 pixels wide) and an android at 758 pixels wide using google chrome mobile and do not see the problem.

If you are just resizing your browser you will see in between break points where this happens, but none of the mobile devices are rendering this way.

Thanks,

Anne

Here is what I see. Notice how the title of the item is left justified and if it does not take up the whole screen width the description is wrapped strangely. Also the buy now button and prices are overwriting things. This is from my desktop but is the same on my notebook.

[picaflor-azul]

Here is what I see. Notice how the title of the item is left justified and if it does not take up the whole screen width the description is wrapped strangely. Also the buy now button and prices are overwriting things. This is from my desktop but is the same on my notebook.

Yes, this is not how the site is rendering on a tablet in portrait orientation. You are seeing an "in between" break point while resizing your desktop browser window.

Thanks,

Anne

[chowardart]

jnissley - with Firefox using the web developer plugin one of the tools I have is a ruler; if you have that or something similar, take a measurement of the page width, then open the responsive.css file.

The responsive file is broken up into sections that represent the different widths, starting from smaller to largest, and here is where these settings are adjusted. Word of warning, it's pretty complex, and I'd keep a copy of the file you started with before working on it in case you need to go back to the beginning...

[picaflor-azul]

jnissley - with Firefox using the web developer plugin one of the tools I have is a ruler; if you have that or something similar, take a measurement of the page width, then open the responsive.css file.

The responsive file is broken up into sections that represent the different widths, starting from smaller to largest, and here is where these settings are adjusted. Word of warning, it's pretty complex, and I'd keep a copy of the file you started with before working on it in case you need to go back to the beginning...

Yes, this is a solution. But, should not be necessary since it will be a non-standard width which is not rendering on any handheld device ;) It is unlikely that your desktop customers will be browsing your shop and resizing the browser window on various pages of the site to the non-standard widths ;)

Thanks,

Anne

[gazag]

picaflor-azul,

I love the responsive mega-menu and i am trying to incorporate that into my custom responsive site. Can you point me to the files that need editing?
If i download this template i can copy and paste and compare things but is most of that done in the responsive.css or else where as well?

[picaflor-azul]

picaflor-azul,

I love the responsive mega-menu and i am trying to incorporate that into my custom responsive site. Can you point me to the files that need editing?
If i download this template i can copy and paste and compare things but is most of that done in the responsive.css or else where as well?

The Pure CSS mega menu is not responsive. If you look in the plugins section you can download the module package.

Thanks,

Anne

[gazag]

The Pure CSS mega menu is not responsive. If you look in the plugins section you can download the module package.

Thanks,

Anne

Hello Anne,

I realize that the pure CSS mega menu is not responsive, i have downloaded and installed that from your website and it work great but now i need to adjust it to make it responsive. On your new responsive templates such as this one that has the responsive mega menu where did you have to make the changes?

Is it mainly in the responsive.css file or more than that?