Jump to content

Download: ProMenu Basic


Robert Simons

Recommended Posts

Posted

Hi Robert,



Test site looks really great! However...



I had a go with the mega-menus using my iPad and I don't seem to be able to close a menu without selecting one of the links within it. Clicking off a menu works fine on my ordinary Mac, but once you have opened a menu on iPad you can only either select another menu item or an time within the current menu.



... I have just noticed that this is also the case with the current version, but maybe it is less of an issue with ordinary sized menus? I certainly think that being able to close all mega-menus would be helpful.



Thanks




thats actually normal behavior .. you would have to set the options to click only to be viewable on phones and such .. hover tends to break badly on those devices
  • Replies 858
  • Created
  • Last Reply
Posted

Hmm I see what you mean. Works great now on iPad but less so on an ordinary machine. I might be inclined to agree that of the two options your original was more intuitive than the current click-to-show. My scripting is far too rudimentary to know if there is a good compromise option.

Posted

Hmm I see what you mean. Works great now on iPad but less so on an ordinary machine. I might be inclined to agree that of the two options your original was more intuitive than the current click-to-show. My scripting is far too rudimentary to know if there is a good compromise option.




yeah sadly .. the click only .. is probably your best option for both worlds .. as it is function in both setup in this fashion
Posted

sounds like the default skin might have been modified at some point...make sure the global hasn't been modified...I have seen this before and its definitely skin related ... check to make sure your running 1.1.5 hooks with 1.1.5 application .. and I assume your on 3.3.x .. if all these hold true and your still having issue .. build a new default theme in the acp .. and see if your menus show on that theme (I'm betting it will as this was my solution in the cases I have come across) .. if it doesn't let me know..I'll toss you a link and we'll have a look at it thru a remote session



How does one build a new default theme? Having said that I have not touched the default theme as never used it on our site.
Posted

How does one build a new default theme? Having said that I have not touched the default theme as never used it on our site.



drop me a pm when your free .. I'll shoot you a remote session link and I'll show you how to build one..and while I'm there we'll resolve your menu issue


I saw a demo of a new version coming out soon. When will this hit!?



you've seen the production site!!! OMG .. it was supposed too be TOP SECRET !!! LOL

seriously .. with any luck .. I should have it out b4 this upcoming weekend (barring any foobars) ..

so if your going to buy it .. you should do it now b4 its released .. as all clients will be upgraded .. purchases after the release will be paying full price
Posted

I have my sources ;)



Is the price going to increase for the new version?




yes .. it will be going to $25 most likely (with a $10 yearly renewal) ... existing clients will be upgraded at no extra costs
Posted

yes .. it will be going to $25 most likely (with a $10 yearly renewal) ... existing clients will be upgraded at no extra costs



got it done yet?


now?





now?



:) :D
Posted

Just so you know, I specifically purchased this not for the primary navigation menu stuff, but actually the new version coming out where you have the "Extra" menu at the very top of the page (displayed in your "secret" demo). Can't wait to use it!

Posted

for those who what that done as well

replace the promenu.css with:


/********************************************************************************/

/* ProMenu CSS - By Robert Simons - ©2012 Provisionists LLC			   */

/********************************************************************************/

/* promenu.css															  */

/********************************************************************************/



    #primary_nav .promenu > li { margin: 0px 3px 0 0; position: relative; }



    #primary_nav .promenu > li > a {

        color: #c5d5e2;

        background: #1c3b5f;

        display: block;

        padding: 6px 15px 8px;

        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);

    }


    #primary_nav .promenu ul li a:hover {

        color: #fff;

        background: #173455;

        display: block;

        padding: 6px 15px 8px;

        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);

    }


    #primary_nav .promenu > li.active > a {

        background: #fff;

        color: #0b5794;

        font-weight: bold;

        margin-top: 0;

        text-shadow: none;

    }


#primary_nav .promenu ul

{

    background: #1C3B5F; /* Change this to alter your main background color of submenus*/						

    font-size: 0.95em;

    position: absolute;

    z-index: 10000;

    margin: 0;


}


#primary_nav .promenu a

{

        color: #c5d5e2;

        background: #1c3b5f;

        display: block;

        padding: 6px 15px 8px;

        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);

}


#primary_nav .promenu > li > a:hover, #primary_nav .promenu > li > a.menuhover

{

    background: #173455;

    color: #fff;

}


#primary_nav .promenu a.active

{

    background: #ffffff; /* Change this to alter your background color when active*/

    color:  #0B5794; /* Change this to alter your font color when hovered active*/

    border: 0;

    font-weight: bold;

}


#primary_nav .promenu a.active:hover

{

    background: #173455; /* Change this to alter your background color when active hovered*/

    color: #ffffff; /* Change this to alter your font color when active hovered*/

    border: 0;

}


#primary_nav .promenu ul li

{   

    min-width: 150px; /* Change this to alter the minimum width of submenus */

    margin: 0;

    padding: 0;

    display: block !important;

    float: none;

    text-align: left;

    text-transform: none;

    border: 1px solid rgba(0,0,0,0.08);

}


#primary_nav .promenu a.menucat:hover

{

    border: 0;

    cursor:default !important; /* DO NOT CHANGE ... this stops the cursor from appearing on categories*/

}


#primary_nav .promenu li

{

    position:relative;

    float:left;

    margin-right:2px

}


#primary_nav .promenu ul

{

    display:none;

    position:absolute;

    left:0;

    opacity:.97;

    filter:alpha(opacity=97);

    list-style:none

}


#primary_nav .promenu li ul.right_open

{

    left:140px; /* Change this to alter the right position of the submenu */

    top:-5px    /* Change this to alter the top position of the submenu */

}


#primary_nav .promenu li ul.left_open

{

    left:-145px; /* Change this to alter the left position of the submenu */

    top:-5px    /* Change this to alter the top position of submenu */

}


#primary_nav .promenu li ul.first

{

    left:0px; /* Change this to alter the left position of the first dropdown menu */

    top:30px    /* Change this to alter the top position of the first dropdown submenu */

}


#primary_nav .promenu a.inactive.down_arrow, #primary_nav .promenu a.active:hover.down_arrow, #primary_nav .promenu a.inactive.down_arrow.menuhover, #primary_nav .promenu a.active.down_arrow.menuhover

{

    background: url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right;

}


#primary_nav .promenu a.active.down_arrow

{

    background: url({style_images_url}/_menu_icons/down_arrow_active.png ) no-repeat right;

}


#primary_nav .promenu a.inactive.right_arrow, #primary_nav .promenu a.active:hover.right_arrow, #primary_nav .promenu a.inactive.right_arrow.menuhover, #primary_nav .promenu a.active.right_arrow.menuhover

{

    background: url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right;

}


#primary_nav .promenu a.active.right_arrow

{

    background: url({style_images_url}/_menu_icons/right_arrow_active.png ) no-repeat right;

}


#primary_nav .promenu a.inactive.down_arrow, #primary_nav .promenu a.inactive.right_arrow

{

    background-color:#1C3B5F; /* Change this to alter your background inactive color .. ONLY EFFECTS MENUS WITH SUBS */

}


#primary_nav .promenu a.active.down_arrow, #primary_nav .promenu a.active.right_arrow, #primary_nav .promenu a.active:hover.down_arrow, #primary_nav .promenu a.active:hover.right_arrow

{

    background-color:#FFFFFF; /* Change this to alter your background active color .. ONLY EFFECTS MENUS WITH SUBS */

}


#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow.menuhover, #primary_nav .promenu a.active.down_arrow.menuhover, #primary_nav .promenu a.inactive.right_arrow.menuhover, #primary_nav .promenu a.active.right_arrow.menuhover

{

    background-color:#173455; /* Change this to alter your background color when hovered .. ONLY EFFECTS MENUS WITH SUBS */

    color:#FFFFFF;

}


#primary_nav .promenu a.inactive.down_arrow, #primary_nav .promenu a.inactive.right_arrow, #primary_nav .promenu a.active.down_arrow, #primary_nav .promenu a.active.right_arrow, #primary_nav .promenu a.active:hover.down_arrow, #primary_nav .promenu a.active:hover.right_arrow,#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover

{

    padding-right: 20px; /* Change this to alter your arrow indicator padding on inactive, active, or hovered  .. ONLY EFFECTS MENUS WITH SUBS */

}




that will give the effect for both primary and subs

Posted

EDIT:



Solved problem ... typical .. soon after posting question I then figure it out myself




no worries .. it happens..I saw your post..took me a half hour to whip up the one I posted .. but it will do all tiers in that same fashion ..

TO ALL CLIENTS

I have the demo setup with this style for those wanting to see what it looks like
Posted

Hi,

Maybe it's just me but on your demo when you click a menu to expand it it stays open afterwards if you move your mouse off it. Will there be an option to not have the menu stay open if a mouse isn't over it?

Also to get a menu to open you have to actually click it. Will there be an option for it to expand on mouseover?

I ask this as not keen on how it currently is.

Posted

Hi,



Maybe it's just me but on your demo when you click a menu to expand it it stays open afterwards if you move your mouse off it. Will there be an option to not have the menu stay open if a mouse isn't over it?



Also to get a menu to open you have to actually click it. Will there be an option for it to expand on mouseover?



I ask this as not keen on how it currently is.




you must be looking at the development site .. not the demo ... the development site has more js effects options .. one being an option for hover, click then hover, or click only (which is what I have it currently set too) .. the option you would want .. would be click then hover .. I have it now set to that settings .. so have a look

BTW .. the demo is located at http://demo.provisionists.com ..

the change I spoke of has not been added to the development build as of yet
Posted

Robert,

I only see reference to your dev site in your links. I am only interested in hover. So as long as this is possible then all is good.

Thanks

Posted

Robert,



I only see reference to your dev site in your links. I am only interested in hover. So as long as this is possible then all is good.



Thanks




just edited the post above..so you can link to it there .. plus there is a link on the product download page for its demo
Posted

Appear to have hit a couple little snags

!st issue ... If look at screenie the top image is when using IE8 (notice how the promenu text looks jagged) yet if look in same image at the gallery images text it is ok so cannot be browser and all I done was removed the text shadow and made bold (as IE8 doesn't recognise text-shadow as text looked too thin in IE8). Also although that looks jagged the text links in the drop down menu looks fine although a bit thin. So wondering what could be causing this ?

2nd issue ... sometimes in Opera 11 am seeing the more drop down (and every single link is inside it), if I shut browser down and open it again it all looks as it should (have tried hard refresh etc but still happens). This will likely be difficult to pinpoint issue as it doesn't always happen.

Posted

Appear to have hit a couple little snags



!st issue ... If look at screenie the top image is when using IE8 (notice how the promenu text looks jagged) yet if look in same image at the gallery images text it is ok so cannot be browser and all I done was removed the text shadow and made bold (as IE8 doesn't recognise text-shadow as text looked too thin in IE8). Also although that looks jagged the text links in the drop down menu looks fine although a bit thin. So wondering what could be causing this ?




skin related - not a bug


2nd issue ... sometimes in Opera 11 am seeing the more drop down (and every single link is inside it), if I shut browser down and open it again it all looks as it should (have tried hard refresh etc but still happens). This will likely be difficult to pinpoint issue as it doesn't always happen.




as I dont use Opera.. I wouldn't have tested it on said browser .. I develop for IE, FF and Chrome specifically .. though there are enough Opera users out there..if an issue was present in that browser..I would have been notified .. so if I had to venture a guess .. I would say caching issues

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...