0
Welcome Guest! Login
0 items Join Now

SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

Last Post
Search Topic

  • SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

    Posted 8 years 7 months ago
    • While I went through the SOLVED issues on this topic it did not help me at all. As a matter of fact, it didn't do anything. I tried using notepad ++ as an editor, and extplorer (which I don't like at all). So I have two issues, what do you recommend for an editor and second how can I get the dropdown menu to show up in front of the showcase which is a Roksproket module. Or is using a Roksproket module a no no?

      I've been working on this for over 4 hours and cannot get it to work.

      Thank you much,
      Donna

      PS I am building this site locally so I cannot give you an address and permissions to look at it.
    • Last Edit: 8 years 7 months ago by Donna Barnes.
    • DonnaB
    #1319754
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

    Posted 8 years 7 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.
    #1319766

  • Re: SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

    Posted 8 years 7 months ago
    • Mark,
      As stated in my original post, I am building the site on localhost, therefore I cannot give you a URL. I can tell you that I have not changed anything and this is "straight out of the box". I applied my mainmenu to the nav and then put the module for roksproket in the showcase section on the hydrogen home page.

      The coding was not changed. Should I try to not use the Roksproket and just put a large picture in the showcase section to see if the menu will appear over it? I'm sure there are some suggestions you should be able to make without seeing the actual site.

      Here is the rendered code:
      <!DOCTYPE html>
<html class="g-offcanvas-css3" prefix="og: http://ogp.me/ns#" dir="ltr" slick-uniqueid="3" lang="en-gb">
<head>
<body class="gantry site com_content view-article no-layout no-task dir-ltr itemid-101 outline-21 g-offcanvas-left g-home g-style-preset2">
<div id="g-offcanvas" data-g-offcanvas-swipe="1" data-g-offcanvas-css3="1" style="">
<div id="g-page-surround">
<div class="g-menu-overlay"></div>
<div class="g-offcanvas-hide g-offcanvas-toggle" data-offcanvas-toggle="">
<header id="g-header">
<section id="g-navigation">
<div class="g-container">
<div class="g-grid">
<div class="g-block size-100">
<div class="g-content g-particle">
<nav class="g-main-nav" role="navigation" data-g-hover-expand="true">
<ul class="g-toplevel">
<li class="active g-menu-item g-menu-item-101 g-menu-item-link-parent g-menu-item-type-component g-parent g-standard">
<li class="g-menu-item g-menu-item-103 g-menu-item-link-parent g-menu-item-type-component g-parent g-standard">
<li class="g-menu-item g-menu-item-type-component g-menu-item-160 g-parent g-standard g-menu-item-link-parent ">
<li class="g-menu-item g-menu-item-type-component g-menu-item-162 g-parent g-standard g-menu-item-link-parent ">
<li class="g-menu-item g-menu-item-165 g-menu-item-type-component g-standard">
</ul>
</nav>
</div>
</div>
</div>
</div>
</section>
<section id="g-showcase">
<div class="g-container">
<div class="g-grid">
<div class="g-block size-100">
<div class="g-content">
<div class="platform-content">
</div>
</div>
</div>
</div>
</section>
<main id="g-main">
<section id="g-subfeature" class="flush">
<footer id="g-footer">
</div>
<script type="text/javascript" src="/media/gantry5/assets/js/main.js?5802736a">
<div class="rokbox-wrapper" data-rokboxwrapper="true">
</body>
</html>
    • Last Edit: 8 years 7 months ago by MrT. Reason: added code blocks
    • DonnaB
    #1319774
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

    Posted 8 years 7 months ago
    • I had to recreate all this on my local to be able to test it. Please make sure your site is accessible on the net before posting in the forum and it's in your interest to do so to get the speediest and most accurate reply.

      Use this code...
      #g-navigation {
    z-index: 3;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      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.
    #1319903

  • Re: SOLVED Menu Dropdown Hydrogen G5 - Falls behind showcase

    Posted 8 years 7 months ago
    • I'll give it a try. But to make it work, I wound up not using the Rokspoket and just posting the photo and then the menu worked and showed up in front of the photo as expected.

      I do want to get this up asap and will not ask any more questions till it's up and running. But by that time it will probably be working correctly and not need to ask anything.
    • DonnaB
    #1319909

Time to create page: 0.054 seconds