Shopping Cart Creator and Images or...

User 2088758 Photo


Senior Advisor
3,086 posts

Hey guys, I have been playing around with this for a while now and I can't figure it out. I am working on a shopping store for a client can be found here http://misterwebguy.com/BobbieJoes/Shop/index.php .

The problem becomes apparent when you look at the home page and the navigation menu. Originally I had a lightbox slide show there but now i have tried with just a plain image and no matter what I try I cannot get the menu to show up over-top the image/slideshow. I tried messing around with the css of the shopping cart with now luck.

I was able to do it with this site I built http://petstuffonline.ca/ . It only worked there because the Product List Main Background properties were set to transparent. Then when I adjust the z-index of the slide show to -1 in my markup.

I cannot do this with BobbieJoes shop because I would like to keep the stars in the background with a solid black color for the Main Background properties of the Product List.

Any Ideas how i can override this so my menu shows on top of the gallery?

Thanks in advance.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,086 posts

Is there any other information I can provide to help resolve this issue or am I just out of luck on this one?

Thanks
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 187934 Photo


Senior Advisor
20,181 posts

Try this in the header markup area.
<style>
#scs_header{
z-index:1000;
}
</style>

or this
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$('#scs_header').css('z-index', '1000');
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2088758 Photo


Senior Advisor
3,086 posts

Eric.....YOU ROCK!!!!!!! The first one did it! Thanks a bunch.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,086 posts

Eric Rohloff wrote:
Try this in the header markup area.
<style>
#scs_header{
z-index:1000;
}
</style>

or this
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$('#scs_header').css('z-index', '1000');
</script>


Hey Eric, should this work for all shops? I tried to apply this fix to another shop and it has no effect.

http://misterwebguy.com/YellowButterfly/

Thanks in advance
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2484360 Photo


Registered User
3,293 posts

div.scs_navmenu_item_with_submenu with a z-index of 1001.
User 2088758 Photo


Senior Advisor
3,086 posts

I tried this as suggested Adam:

<style>
#scs_navmenu_item_with_submenu {
z-index:1001;
}
</style>


No impact on results.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2484360 Photo


Registered User
3,293 posts

Steve wrote:
I tried this as suggested Adam:

<style>
#scs_navmenu_item_with_submenu {
z-index:1001;
}
</style>


No impact on results.


That is an ID...

Read my post again. :P
User 2088758 Photo


Senior Advisor
3,086 posts

:lol::lol::lol::lol: Thanks!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.