Responsive Sheffield Blue v1.0

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