New to Joomla and K2. Setup A new site and template, Paid and installed SIGPro. Created a Gallery using the Slimbox Engine and it is not loading correctly. There seem to actually be 2 issues.

1. the Available imgaes line is formatting over the popup incorrectly
2. The Main Menu text is in front of the popup.

See screenshot

Could you provide me with a link to your gallery page please?

Thanks!
Here is a URL for one of the Galleries.

www.afsracing.com/index.php/gallery/item/87-images-baltimore-2012

Did you try using a different pop up engine?

Yes, however I would like to use this one if at all possible... i would hope to get some ideas of what to do in order to fix the issue. Thanks

This issue is caused of css conflict with your template...

In order to solve the menu problem, just go to /templates/theme1058/css/template.css file:
and change this:
#rt-header .rt-container {
    background: url("../images/template/header.png") no-repeat scroll 50% 0 transparent;
    padding: 0 30px 2px;
    position: relative;
}
to this:
#rt-header .rt-container {
    background: url("../images/template/header.png") no-repeat scroll 50% 0 transparent;
    padding: 0 30px 2px;
    position: relative;
    z-index: 999;
}

Thanks Katia,

i applied that and refreshed and still no change. Do you think there is anything else I should try?

This should have solved your menu and pop up conflict...
Try this:
#rt-header .rt-container {
    background: url("../images/template/header.png") no-repeat scroll 50% 0 transparent;
    padding: 0 30px 2px;
    position: relative;
    z-index: 999 !important;
}

The Menu showing behind seems to be fixed. Thanks for that - However the thumbnails still are out of format. I wonder what else I could do.

In the prettyphoto.css
i found that if i added the "overflow:hidden" to the line
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
Like
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap;overflow: hidden}
the thumbnails overflow does get hidden however the right arrow is still posting below the left arrow "as if it is moving to the next line" what line could i change to get that arrow to post after the overflow: hidden starts?

Thanks

In the prettyphoto.css
i found that if i added the "overflow:hidden" to the line
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
Like
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap;overflow: hidden}
the thumbnails overflow does get hidden however the right arrow is still posting below the left arrow "as if it is moving to the next line" what line could i change to get that arrow to post after the overflow: hidden starts?