Code

Discussion on Responsive HTML5 CSS Grid

Discussion on Responsive HTML5 CSS Grid

By
Cart 1,446 sales

CSSGrid supports this item

Supported

This author's response time can be up to 1 business day.

66 comments found.

Can you guys please fix the instructions.html as that is still mentioning the 1.3 version. Or are we not really getting the 1.4 ?

Please elaborate.

hi, The version in the download is the latest one v 1.4.

Thanks.

Is it possible to turn this into a actually app that works offline? I just wanna display some offline content that is never going to be refreshed.

Hi, As long as you can use CSS, HTML, Javascript and @media quieries, with your app, then it should work fine.

I’ve installed a set of pages starting with http://worldsend.tv/sites/A-C.html . I have a problem with mobile devices. I require horizontal menu for desk top and left slide menu for mobile devices, however all is ok until I test on mobile device where side menu is repeating top menu in left list. Please can you provide example how to correctly do this?

Thanks, how do i remove the media queries?

Hi, I can create a version of this for you. I believe I have your email address already, I’ll send the files on Monday.

Thanks.

Thanks, you can email me on steffanbaker@gmail.com

CSS Grid has been a huge help to this novice website design hobbyist. It’s simplicity allowed me to design simple to complicated sites with ease. It’s developer was more than helpful in answering questions. He even went so far as to customize the grid to allow me to put an image across the top above the navigation bar. Thanks, Lee for a great tool and all your help.

Are you aware of the display issue on the last version of android when clicked on the toggle navigation? see http://tinypic.com/r/34g6938/8 (tested with an xperia phone)

hi, thanks for sending feedback. You need to remove the CodeCanyon frame from the top.

Thanks.

great responsive grid! 1 question – how do i make the top navigation and logo NOT span the entire width of the screen? I want it to end where the content and all other div’s end. Thanks!

Hi, thanks for buying the grid. Please send me a message in the bottom right hand submit form http://codecanyon.net/user/human1nt and I’ll send you the files, once I’ve worked on them.

Thanks.

awesome! sent.

Great template; especially for the price. I’m a total newbie to web design, knowing just enough to be dangerous. Why are the css, js, and images files in two different locations? I’m pretty anal and like for everything to be well organized. Is it possible to, for example have all the css files in one folder, renaming those with duplicate names? Or would changing all the related files just be too much trouble?

Hi, thanks for buying the grid. You could place all the files in the same folder if you prefer. Just make sure you change the image references in the css files. Such as: url(../images/navgrey.png) would need to be: url(myfolder/navgrey.png).

And change the names of the css links to suit:

css/nav-top.css change to: myfolder/nav-top.css

Thanks.

Hi, is it possible to hide certain images when the window adjusts, to smaller screens. Or is that a coding question :)

hi, Yes sure. You would need to give your image a class name, such as myImage, and then on the style sheet you would like it to not appear (such as the css/fixed-320.css), add this:

.myImage { display:none; }

Hi, can I used the framework and monetize themes created with it under this normal license?

Hi, See here for details: http://codecanyon.net/licenses/regular

Thanks.

Hi, Im just trying to make my php website to a responsive and i have no idea. so, i’m wondering would this one do the trick?

Hi, yes this should work fine, as long as the names of the divs don’t conflict with any others already existing in your code.

ok. thank you. One last question. How much do you charge to make website to a responsive one? you can send me your email (in case, if you don’t want to quote it here) :)

Hi, please send me a private message from the submit for here, bottom right: http://codecanyon.net/user/human1nt

This is the best grid I have seen – so simple, yet so effective. And at $5, it’s an absolute bargain. Thanks very much for it!

hello human1t I just bought your cool css grid, i used to work using bootstrap, i hope i can do more great works with your grids. I’ll post question when i found problem :)

hello i need leave all padding on a img but i not find (grey color) :(

where i can find pls ?

Hi, Can you send me a email message here: http://codecanyon.net/user/human1nt with a link to your website and what you need doing and I’ll take a look at it.

Thanks!

hello, you have resolved my problem ? thx.

Hi,

Your Grid is awesome, but I have a question. I can’t set a background on the body, and I don’t find a wrapper or everything else,

Can you help me ? Thanks per advance,

Hi superpixel,

Thanks for buying the grid. You can change the background body within:

css/default.css

If you would like to add a wrapper around your content, add a wrapper div around all your divs.

Thanks!

Hi,

Thanks for your answer but when I add this line into the css/default.css (body{}) :

background-image:url(images/background.jpg);

I’ve no result, the background stay in white.

Thanks per advance,

Hi,

Try using: background-image:url(../images/background.jpg);

You need to target the images folder correctly. Thanks!

hi… just to know more details… is there any SLIDER, TAB, and drop down menu navigation?

Hi, This css grid has a Toggle Nav for screens less than 768px width. If you click on Live Preview and reduce the width of your browser, you will see the Toggle Nav working.

Thanks!

Hi there, this is a wonderful grid. I have just purchased it. I want to use a different menu plug-in from another developer for this grid. Could you please kindly tell me how I can install your grid without installing the responsive menu with it. Thanks very much in advance.

Hi there, thanks very much for your reply. Here is what I have done.

I have included the following CSS identifiers into their relative CSS files:

1. fixed-1024.css:

wrapper {

width: 986px; margin: 0 auto; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

2. fixed-768.css:

wrapper {

width: 730px; margin: 0 auto; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

3. fixed-480.css:

wrapper {

width: 462px; margin: 0 auto; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

4. fixed-320.css:

wrapper {

width: 302px; margin: 0 auto; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

Then I have included the wrapper from top to bottom on the home page. Here is the link:

http://test.kill-tiredness-now.com

Could you please kindly check it and let me know if everything is correct.

Thanks very much for your help – I really appreciate it.

Hi, Yes the wrapper div is correct. It would be cleaner if you added the box-shadow to the default.css file, and removed it from the other css files, instead of repeating it.

Thanks!

Thanks very much. It worked perfect!

Nice. i found it what i need

Thanks Lee for tweaks on the grid and mobile nav!

I appreciate the extra effort and would buy another one of your products without hesitation.

Peter

Can you change the background color of the grids individually?

Hi,

Yes sure, you just need to add the style to your DIV, something like this:

and then the add the css to your stylesheet. Something like this:

.mycolour { background-color:#666 !important; }

Thanks, Lee.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey