Support » Theme: Shoreditch » Menu bar on Internet Explorer

  • Resolved castle24


    I am building a new website for a company using the Shoreditch theme and everything looks fantastic; however, I finally tested the website in Internet Explorer and a couple things went wrong. 1: The menu bar at the top totally disappears. 2: The sidebar automatically shows up at the bottom of the page.

    I tried testing the demo site (of Shoreditch) with Internet Explorer and found the same issues. So, I know the coding isn’t something I messed up.

    Detail: I am using Internet Explorer 9, which is what most of the employees use, so it is important that I can find a fix around.

    Any suggestions or solutions would be of great help! I really like this theme and do not want to have to change because of this.

Viewing 6 replies - 16 through 21 (of 21 total)
  • Hello.
    May I ask if there is a solution for the problem in promising?

    We have finished the development of this Website so far

    Except some comming articles…

    Hi @brattigbieker!

    It looks like this issue is still under investigation, but I’ve added a note to the thread to find out more info as soon as it’s available!

    And I have an update – we should be releasing a theme update to address this, but if you’d like to fix it manually in the meantime you can.

    In the theme’s style.css file (no need to use a child theme for this, since we’re making changes that will be in the update anyway), locate the following CSS style:

    .main-navigation ul ul {
    	border-style: solid;
    	border-width: 1px 1px 0;
    	float: left;
    	margin: 0;
    	position: absolute;
    	top: 100%;
    	left: -999em;
    	z-index: 99999;

    To that style, add width: 12.5em;

    Next, locate the following style (it should be two styles down from where you just were)

    .main-navigation ul ul a {
    	padding: 0.75em;
    	width: 12.5em;

    This time, remove the width: 12.5em;.

    Lastly, we need to modify the next style on the sheet:

    .main-navigation ul ul li {
    	border-bottom: 1px solid;
    	margin: 0;

    To this one, we’ll add width: 100%;

    Let me know how it looks, either when the update comes out or after making these changes!

    Well done!
    That works fine in the IE 11 🙂

    Thank you.

    Hi @brattigbieker!

    Thank you for reporting this issue! We’ve tracked down the cause and have uploaded a new version of the theme with the fix. If you update to version 1.1.1, the menu should display as expected in IE11.

    Just let us know if you run into anything else we can help with!

    Hi laurelfulford.

    Thank you for your reply.

    The theme update is installed and everything seems to work very fine.
    Thank you for you good support. Well done.

    The customer is very happy with the result!

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Menu bar on Internet Explorer’ is closed to new replies.