Support > cpg1.6 themes (visuals)

How to Make Curve Theme Responsive

(1/2) > >>

nootkan:
Was wondering if someone could help me to make the Curve theme completely responsive. 

Right now everything seems to look good at 620 or less except for the tables category, random files and last addition. 

I've tried various media queries but not sure which table controls those three.  Tried using cpg_main_block_inner1, cpg_starttable_outer, cpg_starttable_inner, and cpg_starttable_inner2 inside a media query with no success.

Maybe another set of eyes can help me out while I keep at it. 

Thanks
https://www.grstreamkeepers.com

nootkan:
So here is what I've tried that seems to work down to 514px for the category table but not the others:

--- Quote ---@media only screen and (max-width:620px) and (min-width:320px){table.maintable{width:30%;}}
--- End quote ---

Ideally I'd like the tables to resize down to 320px if that is possible.

nootkan:
So what I think now is that I have to somehow change the colspan size from 4 to 3 or 2 depending on the break point within my media query. 

So far I've tried this:
--- Quote ---table td[colspan="3"]
--- End quote ---
but not sure how to style it properly with css.

I will get some sleep and try again tomorrow.

nootkan:
Well I would rather style the theme but for now I will use the configuration settings in admin to have only 2 columns until I can figure out how to use css to do it.  Still isn't close to what I want so if anyone else can provide another way to do this that would be great.  Might have to start all over with a new theme if I can't achieve what I want but not sure I have the time.

nootkan:
Decided to customize the free theme from Monica N Design for coppermine instead of trying to revamp this theme.  Turned out to not take much time after all.  You can mark this thread as resolved.

Navigation

[0] Message Index

[#] Next page

Go to full version