Opens expandet on load
-
I would love to use the plugin to structure the menue on a responsive site and so far it seems to be possible. The only little problem I have is, that the plugin opens for a splt second when the site loads.
I read all the regarding entries here in the support forum, but none provided the solution.
Could you please have a look and get back on this?Here is the code I am using:
<div id="mobilemenue2"> <div class="collapseomatic" title="Click to Expand" id="test01" >Navigation</div> <span id="swap-test01" style="display: none;">Navigation schliessen</span> <div id="target-test01" class="collapseomatic_content"><div class="mobile oben"><?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?></div></div></div>
plus the according css:
#mobilemenue2{ position: relative; max-width: 100%; height: auto; margin-top:1em; padding-left: 1em; background-color: white; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); background: linear-gradient(to bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* IE10+ */ background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);/* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);/* IE6-9 */ display: none; } .collapseomatic { background-image: url("images/arrow_down2.png"); background-repeat: no-repeat; cursor: pointer; /*padding: 0 0 10px 16px;*/ background-position: left center; } #mobilemenue2 .collapseomatic_content { margin-left: 0; margin-right: 1em; } #test01{ height: 2.5em; font-weight: bold; letter-spacing: 0.1em; color: grey; font-size: 100%; padding: 0.5rem 0 0 5em; } .colomat-hover { text-decoration: underline; } .colomat-close { background-image: url("images/arrow_up2.png"); }
And this ist the momentary url:
http://www.web2-design.eu/kleinfahrzeugtransporte/Please be aware that you need to resize your browser window, to trigger the responsive menu.
Thanx in advance
mxmanuel
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Opens expandet on load’ is closed to new replies.