jquery - Slicknav overhang on top of wrapper -


How can I come in line with the orange menu wrapper? I have tried to play with slicknav.css, but there is no benefit.

Here's the image of what I'm talking about:

">

SlickNav code 

  / * Mobile menu core style * / .slicknav_btn {status: relative; Display area; Vertical-row: middle; float right; Padding: 0.438 AM 0.625 M 0.438 AM 0.625 M; Line-height: 1.125 AM; Cursor: indicator; } .slicknav_menu .slicknav_menutxt {display: block; Line-height: 1.18 mm; Swim left; } .slicknav_menu .slicknav_icon {float: left; Margin: 0.188 mm 0 0.438em; } .slicknav_menu .slicknav_no-text {margin: 0} .slicknav_menu .slicknav_icon-bar {display: block; Width: 1.125 AM; Height: 0.125 AM; -WebKit-boundary-radius: 1px; -max-boundary-radius: 1px; Boundary-radius: 1px; -WebKit-Box-Shadow: 0 1 px RGBA (0, 0, 0, 0.25); -Move Box-Shadow: 0 1 Px RGBA (0, 0, 0, 0.25); Box-Shadow: 0 1 Px RGBA (0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon- time + .slicknav_icon- time {margin-top: 0.188em} {.slicknav_nav clear: both} .slicknav_nav UL, .slicknav_nav li {display: block} .slicknav_nav .slicknav_arrow {font-size: 0.8em; Margin: 0 0 0.4 0.4 AM; } .slicknav_nav .slicknav_item {display: block; Cursor: indicator; Block} .slicknav_nav a {display .slicknav_item: inline} Kslicknav_menu: first, .slicknav_menu: {after content:} a {display .slicknav_nav ""; Display: Table; } .slicknav_menu: {after clear: both} / * IE6 / 7 support * / Kslicknav_menu * {zoom: 1} / * user change the styles to modify the appearance of the default style menu. * / .slicknav_menu {font-size: 16px; } / * Button * / .slicknav_btn {margin: 5px 5px 6px; Text-decoration: none; Text-shadow: 0 1 px 1 px rgba (255, 255, 255, 0.75); -WebKit-boundary-radius: 4px; -max-boundary-radius: 4px; Boundary-radius: 4px; Background color: # 222222; } / * Button text * / .slicknav_menu .slicknav_menutxt {color: #FFF; font-weight: bold; Text-shadow: 0 1px 3px # 000; } / * Button lines * / .slicknav_menu .slicknav_icon-bar {background-color: # f5f5f5; } .slicknav_menu {background: # FF6414; } .slicknav_nav {color: #fff; Margin: 0; Padding: 0; Font-size: 0.875em; } .slicknav_nav, .slicknav_nav ul {list-style: none; Hidden flurry; } .slicknav_nav ul {padding: 0; Margin: 02020 px; } .slicknav_nav .slicknav_item {padding: 5px 10px; Margin: 2px 5px; } .slicknav_nav a {padding: 5px 10px; Margin: 2px 5px; Text-decoration: none; Color: #fff; } .slicknav_nav .slicknav_item a {padding: 0; Margin: 0; } .slicknav_nav .slicknav_item: hover {-webkit-border-radius: 6px; -max-boundary-radius: 6px; Range radius: 6px; Background: #ccc; Color: #fff; } .slicknav_nav a: Hover {-viikit-boundary-radius: 6px; -max-boundary-radius: 6px; Range radius: 6px; Background: #ccc; Color: # 222; } .slicknav_nav .slicknav_txtnode {margin-left: 15px; }

Menu code 

  & lt; Ul id = "menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Personal profile & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Portfolio & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Technical Skills & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Education & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

and main menu display: When none of the browser width gets to a certain size, then slicknav pops up.

Eljisn answer will work if Stekav casing outside, however, the top of the wrapper for you Sleknv It may be easy to add on.

$ ('# menu') Slicknav ({prependTo: '# wrapper'}); Where "# wrapper" is your casing element selector, it will allow SlaveNav to be within the scope of the cover with other content. If this is not ideal, then modifying the margin of ".slicknav_menu" should be enough to match the cover.


Comments

Post a Comment

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

c - Error on building source code in VC 6 -

When I create my project in VC6, the BScMKE reports the following error Linking .. Creating Library ... .. / ... / PB / Bean / Debub / ICEERP.Lib and Object ........ P.B. / Bean / DBube / ICREPlay.APP Browse information file ... BSMMK: ​​error can not be read from BK 1505: file '../../PB/bin/TmpOut/ICReplay/Debug/ICReplay_PB.bsc' Error executing bscmake.exe Can someone help me? 2 Reason for reference from: "ICReplay_PB .bsc "file will be corrupted The trunk of the file will be happening with the compiler running out of disk space or is being interrupted when creating .sbr file I think this answer will help you!
Read more