0
Welcome Guest! Login
0 items Join Now

Dropdown hidden in IE8

Last Post
Search Topic
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • add this to your css

      div#rt-top-surround {filter: none !important;}

      (fixed a typo!)
    #1009019
    • 8degrees's Avatar
    • 8degrees
    • Rocketeer
    • Posts: 80
    • Thanks: 3

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • Henning wrote:
      add this to your css

      div#rt-top-surround {filter: none !important;}

      (fixed a typo!)

      In what area of my css I'm using .less

      and Btw you guys ROCK 8)
    #1009057
    • 8degrees's Avatar
    • 8degrees
    • Rocketeer
    • Posts: 80
    • Thanks: 3

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • SOLVED: Gantry Dropdown Hidden in IE

      Cause: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff2e2e2e', GradientType=0)

      Solution LESS

      Find in your header-dark.less find: #rt-top-surround 
      // Top
#rt-top-surround {
    #gradient > .vertical(@topbackground, @topbackground2);
    filter:none !important;
    color: @toptext;
    text-shadow: 0 2px 3px @topshadow;
    .box-shadow(0 2px 4px rgba(0,0,0,0.4));
    border-bottom: 1px solid @topshadow;
    .title {
        color: @toptitle;
        text-shadow: 1px 1px 1px @topshadow;
    }
    a {
        &:hover {
            color: @toptitle;
        }
    }
}
 

      If your using css find this line in #rt-top-surround:
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff2e2e2e', GradientType=0) 
 

      Replace with:
      filter: none !important;


      Thanks@Henning & @cdavis411 for your help mark this thread as solved.
    #1009085
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • you do not need to replace that line of code.

      Just create a file gantry-custom.css in the css folder of the template and add:
      div#rt-top-surround {filter: none !important;}

      To make it ie specific name that file
      gantry-custom-ie8.css

      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      Note you can't use browser specific LESS files ... so sometime a css-file is the better solution.
    #1009094
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • Henning wrote:
      Note you can't use browser specific LESS files ... so sometime a css is the better solution.
      To add to Hennings sage advice, you CAN'T edit LESS files from your Template Manager but you can with your rt_templatename-custom.css or rt_templatename-custom-ie8.css (browser specific) files.

      Please see the guide Your first CSS-Less custom file - OR - CSS custom file
    #1009100
    • 8degrees's Avatar
    • 8degrees
    • Rocketeer
    • Posts: 80
    • Thanks: 3

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    • Henning wrote:
      you do not need to replace that line of code.
      Just create a file gantry-custom.css in the css folder of the template and add:
      div#rt-top-surround {filter: none !important;}

      To make it ie specific name that file
      gantry-custom-ie8.css

      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      Note you can't use browser specific LESS files ... so sometime a css-file is the better solution.

      I tried to create the gantry-custom.css but the template didn't loaded it + I was receiving some pressure from the client to have some results so I did all the modifications to the .less files.
      I understand that it is better to have a custom .css for browser specific but i was kinda in a hurry, will keep it in mind for the next project.

      Thanks for your support much appreciated!
    #1009113
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Dropdown hidden in IE8

    Posted 11 years 3 months ago
    #1009128

  • Re: Dropdown hidden in IE8

    Posted 11 years 2 months ago
    • The fix isn't working for me. Is this confirmed as a bug and has it been reported to the devs?
    • Freshpage Web Design
    #1014020
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Dropdown hidden in IE8

    Posted 11 years 2 months ago
    • do you have a link to check?
      the fix works for me and others.
      Perhaps your menu is not in
      div#rt-top-surround?
    #1014031
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Dropdown hidden in IE8

    Posted 11 years 2 months ago
    • ... and btw its a bug in the internet explorer.
    #1014032

Time to create page: 0.062 seconds