asterbird

Hi allegrovivo,

My box doesn’t get resized at all. So I created some styles that make it responsive. Here is some CSS I used for my project. Maybe it can help you.

#colorbox:focus { /* hides annoying blue focus outline */
outline: none;
}

#cboxContent {
font: 20px “Helvetica Neue”,Helvetica,Arial,sans-serif !important;
}

#cboxClose { /* puts Close X inside popup so it doesn’t disappear on mobile */
top: -10px !important;
right: -6px !important;
}

div#cboxTitle {
padding: 7px 140px 0 15px;
}

div#cboxCurrent {
bottom: -31px;
}

@media only screen and (max-width: 1030px) {
#colorbox,
#cboxTopCenter,
#cboxBottomCenter {
max-width: 99% !important;
}

img.cboxPhoto {
max-width: 100% !important;
height: auto !important;
}

#cboxWrapper {
max-width: 100% !important;
}

#cboxContent {
max-width: 98% !important;
}

#cboxLoadedContent {
max-width: 100% !important;
height: auto !important;
background: transparent;
}

div#cboxTitle {
padding: 7px 140px 0 15px;
}
}

Do you have 4 levels of categories and do they have at least one product in them? Perhaps it doesn’t show up because they are empty.

I’m having the opposite problem with GSP and WC… 3 levels of cats and I only want 2 levels… sigh!

@caidynmiller, did you get your site working? I can’t see anything on the page you listed.