0
Welcome Guest! Login
0 items Join Now

SOLVED slideshow in menu (transparent)Hallo,

    • Felix 's Avatar
    • Felix
    • Rocketeer
    • Posts: 88
    • Thanks: 0

    SOLVED slideshow in menu (transparent)Hallo,

    Posted 5 years 8 months ago
    • Hello
      I have created a new website (Url see Secure).
      above I have the menu (# g-navigation) and below the slideshow (# g-showcase).
      Now I want the slideshow to start with the menu (top) as well. (see the screenshot).
      How can I do that best?
      Best regards
      Felix
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED slideshow in menu (transparent)Hallo,

    Posted 5 years 8 months ago
    • Use this code...
      #g-showcase {
        margin-top: -4rem
      }


      You might need to use media queries too to put diffferent values per viewport size.
      // Gantry 5 custom CSS file
      
      // import breakpoints
      @import "dependencies";
      
      // Typical values are the default breakpoints set in Gantry 5
      // but these values are user definable in style settings
      // so that is why the code below uses mixins to get the actual 
      // values from Gantry 5 template.
      
      // commonly used media queries
      
      //  typically min 75rem 
      @include breakpoint(large-desktop-range) {
      
      }
      // typically range 60rem to 74.938rem 
      @include breakpoint(desktop-range) {
      
      }
      
      // typically 48rem to 59.938rem
      @include breakpoint(tablet-range) {
      
      }
      // typically 30rem to 47.938rem
      @include breakpoint(large-mobile-range) {
      
      }
      // typically max 30rem
      @include breakpoint(small-mobile-range) {
      
      }
      
      // Less commonly used media queries
      
      // typically min 60rem
      @include breakpoint(desktop-only) {
      
      }
      // typically min 48rem
      @include breakpoint(no-mobile) {
      
      }
      // typically max 47.938 rem
      @include breakpoint(mobile-only) {
      
      }
      // typically max 59.938rem
      @include breakpoint(no-desktop) {
      
      }
      
      // Mobile Menu Breakpoint
      @media only all and (max-width: $breakpoints-mobile-menu-breakpoint) { 
      
      }
      
      @import "nucleus/mixins/breakpoints";



      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.
    • Felix 's Avatar
    • Felix
    • Rocketeer
    • Posts: 88
    • Thanks: 0

    Re: SOLVED slideshow in menu (transparent)Hallo,

    Posted 5 years 8 months ago
    • Super, Thank you

      Regards Felix

Time to create page: 0.050 seconds