Viewing 15 posts - 16 through 30 (of 45 total)
  • Author
    Posts
  • pbeckermann Friend
    #364283

    Please explain how you fixed this issue we are trying to accomplish the same

    Many Thanks:laugh:

    Don Lee Friend
    #364315

    <em>@pbeckermann 205348 wrote:</em><blockquote>Please explain how you fixed this issue we are trying to accomplish the same

    Many Thanks:laugh:</blockquote>

    Could you give me your link for further check?

    pbeckermann Friend
    #364322

    <em>@donglt 205387 wrote:</em><blockquote>Could you give me your link for further check?</blockquote>

    http://www.kyozou.com
    We had to move the menu back but now the z-index in IE7 is not showing the dropdown
    We tried your fix and almost had the menu working but there was a long horizontal scroll bad, when we set overflow:hidden; the dropdowns did not work, we tried CSS menu and Mega menu

    Please help 🙂

    Don Lee Friend
    #364325

    <em>@pbeckermann 205395 wrote:</em><blockquote>http://www.kyozou.com
    We had to move the menu back but now the z-index in IE7 is not showing the dropdown
    We tried your fix and almost had the menu working but there was a long horizontal scroll bad, when we set overflow:hidden; the dropdowns did not work, we tried CSS menu and Mega menu

    Please help :)</blockquote>

    Do it once again to show me the issue you faced please.

    pbeckermann Friend
    #364343

    OK have a look now, you can see the dropdowns do not work now and the menu moves when you resize the window, also there is a large horizontal scroll bar in the browser. Please check this asap as I cannot leave this on a live website.

    Thanks

    Don Lee Friend
    #364346

    – Open template.css file and add:


    .ja-mainnav .main{
    width: 500px;
    }

    – Open the file: http://www.kyozou.com/templates/ja_ores/css/colors/light-theme.css
    – Find:

    /* mainnav */
    #ja-mainnav {

    border-bottom:0 solid #0290CC;
    position:absolute;
    top:50px;
    left:700px;
    width:500px;
    overflow:hidden;

    }

    – Change to:

    /* mainnav */
    #ja-mainnav {
    border-bottom:0 solid #0290CC;
    position:absolute;
    top:50px;
    left:700px;
    width:500px;
    }

    pbeckermann Friend
    #364347

    Yes no dropdowns work but have scrolling horizontal bar

    Don Lee Friend
    #364348

    <em>@pbeckermann 205424 wrote:</em><blockquote>Yes no dropdowns work but have scrolling horizontal bar</blockquote>

    What do you mean? I see its working well.

    pbeckermann Friend
    #364349

    yes but at the bottom of the browser there is a horizontal scroll bar and lots of white space to the far right. also if you do not maximize the window the menu moves around to the right

    Don Lee Friend
    #364350

    <em>@pbeckermann 205426 wrote:</em><blockquote>yes but at the bottom of the browser there is a horizontal scroll bar and lots of white space to the far right. also if you do not maximize the window the menu moves around to the right</blockquote>

    I guess you are missing for my first step.

    pbeckermann Friend
    #364351

    sorry which first step ?
    i added
    .ja-mainnav .main{
    width: 500px;
    }

    Don Lee Friend
    #364354

    Sorry, plz remove it and try again with:


    #ja-mainnav .main{
    width: 500px !important;
    }

    pbeckermann Friend
    #364355

    thanks but still the same result

    Don Lee Friend
    #364356

    Are you sure that you added it correctly? Plz check the code again.

    pbeckermann Friend
    #364357

    sorry i forgot the #
    works now, one more small thing the menu does not move with the template, if you make the window smaller it looks off.
    I would like it to always align to the right side

    Thanks so much

Viewing 15 posts - 16 through 30 (of 45 total)

This topic contains 45 replies, has 5 voices, and was last updated by  Saguaros 13 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum