Drop down menus

Support Area Forums Epic Drop down menus

Viewing 12 posts - 1 through 12 (of 12 total)
URL to the page in question:
  • Author
    Posts
  • #5689
    Mark Kaske
    Participant

    When you view the Epic theme in Internet Explorer, drop down menus do not display. It looks like they might be, but if they are, it is in the background.

    #5706
    Bill Robbins
    Moderator

    Thanks Mark. I did work at one point in time. Most likely it is a CSS issue. I’ll take a look and let you know what I turn up.

    #5843
    Bill Robbins
    Moderator

    Mark,

    It finally hit me last night why the drop-down menus were not visible in Internet Explorer. I hd the same issue with Curator when I first created it, and forgot about this bug. When using Microsoft’s filters to generate a gradient, it becomes impossible to allow any content to spill beyond the container. Here’s how to fix it:

    1. Go to the Appearance section and select edit to open up the theme editor.
    2. From the list of files on your right, choose style.css and look for this spot (it’s quite a ways down — line 1153):
      
      body.light header {
      	background-color: #f3f3f3;
      	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3),to(#dcdcdc));
      	background-image: -webkit-linear-gradient(top, #f3f3f3, #dcdcdc);
      	background-image: -moz-linear-gradient(top, #f3f3f3, #dcdcdc);
      	background-image: -o-linear-gradient(top, #f3f3f3, #dcdcdc);
      	background-image: -ms-linear-gradient(top, #f3f3f3, #dcdcdc);
      	background-image: linear-gradient(top, #f3f3f3, #dcdcdc);
      	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dcdcdc');
      }
      
    3. Delete this:
      
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dcdcdc');
    4. Save your changes.

    That should allow your drop-down menu to appear normally in Internet Explorer. Let me know if you have any trouble.

    Enjoy your week,
    Bill

    #5844
    Mark Kaske
    Participant

    Bill –

    Thanks for the help!

    I was able to delete the line as you indicated, and pulled up the site in Internet Explorer and the drop-down menus are appearing, however whenever there is a video on the page, the menu drops down behind the video.

    See the homepage: http://www.crosswindschurch.com/
    Or the stories page and click on the ‘About us’ in the menu: http://www.crosswindschurch.com/about-us/stories

    On all of the other pages, this update seems to be working.

    #5845
    Bill Robbins
    Moderator

    Mark,

    Good question about the videos. Chrome and Internet Explorer often push video from YouTube above all other content unless the embed code is changed just a bit. I have a quick post about how to fix it that hopefully will help get you squared away. The downside is this is something that you’ll have to put into every YouTube video that could have a menu appear over it.

    Interestingly, Vimeo doesn’t generally need that.

    Let me know if you have any trouble,
    Bill

    #5847
    Mark Kaske
    Participant

    Bill –

    Thanks! Your support as always is awesome!

    Mark

    #5848
    Bill Robbins
    Moderator

    I’m glad we got that figured out. Take care Mark!

    #5942
    Samuel
    Participant

    Bill

    I tried this fix as well but when I did it, it changed the entire color scheme of the theme

    Any suggestions on what I did wrong?

    #5943
    Bill Robbins
    Moderator

    Samuel,

    Would you mind sending over a link so I can take a closer look for you?

    Thanks,
    Bill

    #5956
    Samuel
    Participant

    Here is the link to the site

    http://www.harbourfellowship.com

    The code is currently in place as it changes some of the site to the “dark color scheme” when used

    #5970
    Bill Robbins
    Moderator

    Samuel,

    Thanks for the link. I took a look and everything seems ok. You’ll just need to find this section in the style.css file:

    
    body.light header {
    	background-color: #f3f3f3;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3),to(#dcdcdc));
    	background-image: -webkit-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -moz-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -o-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -ms-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: linear-gradient(top, #f3f3f3, #dcdcdc);
    	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dcdcdc');
    }
    

    and just delete this:

    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dcdcdc');
    

    That will leave that section looking like this:

    
    body.light header {
    	background-color: #f3f3f3;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3),to(#dcdcdc));
    	background-image: -webkit-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -moz-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -o-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: -ms-linear-gradient(top, #f3f3f3, #dcdcdc);
    	background-image: linear-gradient(top, #f3f3f3, #dcdcdc);
    }
    

    If you have any trouble, let me know and enjoy your weekend,
    Bill

    #6008
    Samuel
    Participant

    Great – that worked

    have no idea what I was doing wrong

    Thanks much

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Drop down menus’ is closed to new replies.