0
Welcome Guest! Login
0 items Join Now

SOLVED RokSprocket Feature Hiding Dropdown Menus

    • Duane Mitchell's Avatar
    • Duane Mitchell
    • Hero Rocketeer
    • Posts: 296
    • Thanks: 5
    • Technology consultant

    SOLVED RokSprocket Feature Hiding Dropdown Menus

    Posted 9 years 1 week ago
    • Hello,

      WordPress 4.1.1, Gantry 4.1.4, Gantry Theme 4.1.2, RokSprocket 2.1.1 and RokCommon Library 3.1.11. This is setup on my MAMP stack.

      The home page has a full width RokSprocket "Feature" image slider in the Showcase position. Above it in the Header position is the menu. Problem is menus will dropdown as far as the RokSprocket slider and then stop. On the home page only, other pages are fine.

      It reminds me of a layering thing. Any ideas anyone? Thanks.

      Duane Mitchell

      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 9 years 1 week ago by Duane Mitchell.
    • Next Generation Solutions | www.nxgnsol.com | 617-539-6050
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3081
    • messin' with stuff

    Re: RokSprocket Feature Hiding Dropdown Menus

    Posted 9 years 1 week ago
    • looks like a z-index issue... it's going behind the slider... the dropdown's z-index needs to be increased or the slider's z-index needs to be decreased...
    • The following users have thanked you: Duane Mitchell

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Duane Mitchell's Avatar
    • Duane Mitchell
    • Hero Rocketeer
    • Posts: 296
    • Thanks: 5
    • Technology consultant

    Re: RokSprocket Feature Hiding Dropdown Menus

    Posted 9 years 1 week ago
    • Yup...exactly. I knew it was something like that.

      In the theme's "less" folder I created "template-custom.less" file and added.
      // Header
      #rt-header, #rt-top {
      	z-index: 100;
      	position: relative;
      }

      Saved the file and that did the trick.

      Thanks!
    • Next Generation Solutions | www.nxgnsol.com | 617-539-6050
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3081
    • messin' with stuff

    Re: RokSprocket Feature Hiding Dropdown Menus

    Posted 9 years 1 week ago
    • good deal :)

      If a thread is solved please edit your *original/first* post and place "[SOLVED]" (no quotes; don't forget the brackets) at the beginning of your post title. Changing the post icon to the Solved Checkmark is helpful too. :)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • woodpress's Avatar
    • woodpress
    • Sr. Rocketeer
    • Posts: 164
    • Thanks: 2

    Re: RokSprocket Feature Hiding Dropdown Menus

    Posted 7 years 8 months ago
    • Hi,

      I'm having the same issue using the g-hydrogen theme.
      I've added css to my custom.scss but am not seeing a change. What did I miss?
      iesdev.org

      .g-menu {
      	z-index: 100;
      	position: relative;
      }
      

      Thank you.
    • Duane Mitchell's Avatar
    • Duane Mitchell
    • Hero Rocketeer
    • Posts: 296
    • Thanks: 5
    • Technology consultant

    Re: RokSprocket Feature Hiding Dropdown Menus

    Posted 7 years 8 months ago
    • I would change the .g-menu to a #rt-theme_position. Whether it's the top or header or wherever you've configured your menu to live.
    • Next Generation Solutions | www.nxgnsol.com | 617-539-6050

Time to create page: 0.053 seconds