Shape 5

Hello,
I am building an overhauled website with the Velocity template, and I am having a problem with the menu bar of my MijoShop store showing through the top menu bar when you scroll down on the page. I have attached a screenshot of the problem.
Here is the URL to see the problem live: http://chalcedon.org/new/store (http://chalcedon.org/new/store)

I'm guessing that the CSS is conflicting somehow, but I'm not sure what the problem is and how to fix it.

Evan

Hello,

For some reason they are using a 99 z-index value on those elements. They should be able to scroll behind the floating menu bar with the rest of the site. You can override their z-index by adding this to the custom.css file

#header_oc {
  z-index: 1 !important;}

-Mike

Thank you! That fixed it completely.
Evan

I also have a problem with the scroll to top button at the bottom of the template. On the home page it works perfectly, but on any other pages it takes you back to the home page. Instead of adding #s5_scrolltotop to the actual URL, it takes you back the the root/#s5_scrolltotop. Any ideas on why that might be happening?

Example page: http://chalcedon.org/new/about-chalcedon (http://chalcedon.org/new/about-chalcedon)

Hello,

Sounds like that might be an issue with your servers SEF settings. Try disabling SEF URLs and URL Rewriting in the Global Configuration to see if that helps.

-Mike

It was my SEF component. I use MijoSEF, and the problem was with base href generation. I just changed the setting to use the generated URLs, and it works flawlessly!

Thank you for your help! Y'all are the best.

Evan

NP

-Mike