0
Welcome Guest! Login
0 items Join Now

SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    • Joao L.'s Avatar
    • Joao L.
    • Newbie
    • Posts: 12
    • Thanks: 0

    SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    Posted 10 years 6 months ago
    • Hi

      On my website I am experiencing some z-oder issues where the content from RokSprocket comes in front of the menu and hides it. Like they say, a picture is worth a thousand words, so:

      This image is hidden for guests.
      Please log in or register to see it.


      Any ideas of how I can fix this?

      Thanks a lot
      Joao
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    Posted 10 years 6 months ago
    • Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Joao L.'s Avatar
    • Joao L.
    • Newbie
    • Posts: 12
    • Thanks: 0

    Re: SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    Posted 10 years 6 months ago
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    Posted 10 years 6 months ago
    • Use this code...
      #rt-header {
          z-index: 20;
      }

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.
    • The following users have thanked you: Joao L.

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Joao L.'s Avatar
    • Joao L.
    • Newbie
    • Posts: 12
    • Thanks: 0

    Re: SOLVED Z-Order Issue with Gantry 4.1.25 and RokSprocket

    Posted 10 years 6 months ago
    • Thanks. Worked flawlessly.
      I can't change the topic to solved anymore but it is solved ;)

Time to create page: 0.073 seconds