http://www.kriesi.at/support/tags/menu Support Forum - Tag: menu - Recent Posts en-US Wed, 22 May 2013 17:19:29 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112945 Wed, 22 May 2013 13:27:24 +0000 andypeck 112945@http://www.kriesi.at/support/ <p>Cheers Nick,</p> <p>yes, I was pushing my luck wasn't I? Ill upload my site at the weekend and then go from there.</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112931 Wed, 22 May 2013 12:35:16 +0000 Nick 112931@http://www.kriesi.at/support/ <p>Hi,</p> <p>My imagination only goes so far, can you gather all the css code to the point where you are so that I can add it to the demo to get the exact look you have , and tell me the url of the demo just to make sure. Because I had everything look fine, but it doesn't on your site, that means that there is css or some customization i am missing. So at this point either show me the site, or test yourself first on the demo by adding the css and the paste here.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/menu-error-on-slider-screenshot-inside#post-112927 Wed, 22 May 2013 11:57:37 +0000 Devin 112927@http://www.kriesi.at/support/ <p>Hey Andy,</p> <p>Kriesi will respond here when he is able, which can sometimes take a bit of time when we are as busy as things are right now. We have quite a long list of things to take care of for the next Enfold release which this issue is included in.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112918 Wed, 22 May 2013 11:35:27 +0000 andypeck 112918@http://www.kriesi.at/support/ <p>Oh, and looking at a2) again. I guess all that needs to happen is this newly drawn grey line needs to just switch off whilst the responsive menu is operational. The line scales up until that point so I guess it just needs a switch. Would I be right?</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112916 Wed, 22 May 2013 11:31:54 +0000 andypeck 112916@http://www.kriesi.at/support/ <p>Hi again Nick,</p> <p>Just tried out both pieces of CSS and the line is now removed from the responsive slide out menu. Thats question 'b' sorted....great!</p> <p>As for question 'a', well, im glad you get what im trying to achieve and its almost there. The line goes across the menu perfectly and ive positioned it at the top. However, two things are happening.</p> <p>a1) I need the long 1px grey line to sit on a layer behind the 2px thick short line. currently, its on a layer above it.<br /> a2) as nice as this line is, its doesn't scale (or shorten) properly when the responsive menu appears. It just stays at the top and doesn't scale any further. </p> <p>---------------------------------------</p> <p>Can I just say, to you and the others Nick... you are by far the most supportive post sales service ive ever had dealings with. You've actually made me excited to get this site looking exactly as I want it without expecting me to learn everything myself. Gradually, I've learnt more and more and its a great experience. Thank you </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112909 Wed, 22 May 2013 10:57:57 +0000 andypeck 112909@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Ill give this a go. </p> <p>Im pretty well set on my structure but there are a few teething issues (the line above menu) which you will need to see before I can expect you to help much more. I'm moving it all online this weekend and then we can review.</p> <p>Ill keep tweaking and asking questions on here till the weekend and then we shall see how it looks live</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/weird-menu-alignment#post-112904 Wed, 22 May 2013 10:20:56 +0000 ekuntjoro 112904@http://www.kriesi.at/support/ <p>Yes, I'm sorry, I already fixed that yesterday, found the solution by editing theme's quick css under theme option / styling, apparently this part:</p> <pre><code>.main_menu .menu li:last-child { text-align:right !important;</code></pre> <p>Last child of menu alignment is set to right, while the first child is set to left.<br /> Fixed it by changing the alignment to left.</p> <p>Thank you for your effort, sorry for late update. </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112903 Wed, 22 May 2013 10:14:55 +0000 Nick 112903@http://www.kriesi.at/support/ <p>Hi,</p> <p>a) That line is the top border of the main content block and it cant be moved without moving the entire content area. You can see what I mean here, <a href="http://goo.gl/BCmSy" rel="nofollow">http://goo.gl/BCmSy</a>.</p> <p>I am not sure if this can be easily done where you want it. You can try something like this. Play with the 40px, and try it as 40% (well some percent)..</p> <pre><code>#top .main_menu { height: 40px; border-bottom-color: rgb(0, 0, 0) !important; border-bottom-width: 1px; border-bottom-style: solid !important; }</code></pre> <p>b) add this css to get rid of the line in mobile menu<br /> <pre><code>@media only screen and (max-width: 767px) { #top .avia-menu-fx { border-width: 0px !important; }}</code></pre> <p>bb) need to see the code.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/menu-in-socket-not-visible-on-iphone#post-112859 Wed, 22 May 2013 07:39:51 +0000 Ismael 112859@http://www.kriesi.at/support/ <p>Hi,</p> <p>Your socket looks fine on mobile view. Can you give us a screenshot?</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/menu-make-it-look-like-the-abundance-theme#post-112858 Wed, 22 May 2013 07:37:56 +0000 Ismael 112858@http://www.kriesi.at/support/ <p>Hi,</p> <p>They have a different layout and Abundance is not a responsive theme unlike Replete. You might need to hire a developer to fix the menu for you.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/header-area#post-112856 Wed, 22 May 2013 07:25:10 +0000 mingsargent 112856@http://www.kriesi.at/support/ <p><a href="http://www.kriesi.at/support/topic/remove-extra-whitespace-in-the-header-area" rel="nofollow">http://www.kriesi.at/support/topic/remove-extra-whitespace-in-the-header-area</a><br /> In continuation of this.</p> <p>Ismael says that solution would not work for fixed headers.<br /> So may I know what should i use?</p> <p>I would like to remove the whitespace in my fixed header.<br /> currently when my header shrinks, the hover effect overlaps the text </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112832 Wed, 22 May 2013 05:45:27 +0000 andypeck 112832@http://www.kriesi.at/support/ <p>Hi there, </p> <p>Talking of menu customization. in the image I supplied:<br /> <a href="http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c" rel="nofollow">http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c</a></p> <p>Menu questions:<br /> a) Can I put the social media icons over to the right above the menu. Possible?<br /> b) Can I control the colours of the social media icons, if I have to have the very top bar (after ive moved icons to the right), can I make it same color as my main menu thus making it appear as part of that menu?<br /> b) I would like to allow it to be a fixed menu (and remain always at the top) but the 'line' over the menu doesnt move with the menu when stretching and the padding beneath the menu and logo is reduced too far so the slider overlaps the menu. How can I fix/increase the padding/bottom margin? </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112826 Wed, 22 May 2013 04:06:43 +0000 Nick 112826@http://www.kriesi.at/support/ <p>Hi,</p> <p>Ahh just css to add to custom.css , before i thought you posted a chunk of css from one of the template files. Nice customization to menu , looks good. Try this please</p> <pre><code>#top .avia-menu-fx { top: 40% !important; }</code></pre> <p>'The small size menu no longer has that line strike through each menu word. </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/menu-in-socket-not-visible-on-iphone#post-112742 Tue, 21 May 2013 19:34:30 +0000 frankwelschlehmann 112742@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have an enfold footer menu which shows up nicely on the desktop display but NOT on the iPhone.<br /> See: <a href="http://www.analorenajung.com/" rel="nofollow">http://www.analorenajung.com/</a></p> <p>Any ideas?</p> <p>Thanks,<br /> Frank </p> http://www.kriesi.at/support/topic/menu-make-it-look-like-the-abundance-theme#post-112741 Tue, 21 May 2013 19:31:47 +0000 nikicampbell 112741@http://www.kriesi.at/support/ <p>hello,</p> <p>I am using replete for the mobile aspect - but would really like the menu to display as it does in abundance (eg: little arrow displaying if there is a submenu / background color change on hover/active/ current-page-item)</p> <p>do you have some stock code that I could add to make it display like abundance? </p> http://www.kriesi.at/support/topic/weird-menu-alignment#post-112661 Tue, 21 May 2013 13:08:24 +0000 Devin 112661@http://www.kriesi.at/support/ <p>Looking at the Collection sub menu, I don't see any issues with it on my end. Can you give a bit more detail on what is happening or maybe a screenshot? </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112659 Tue, 21 May 2013 12:58:02 +0000 Devin 112659@http://www.kriesi.at/support/ <p>Hi Andy,</p> <p>You could try something like this in a media query for mobile and below:<br /> <pre><code>#menu_section .opened_menu { border-top: 1px solid white !important; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/menu-error-on-slider-screenshot-inside#post-112552 Mon, 20 May 2013 22:30:33 +0000 andyhoodified 112552@http://www.kriesi.at/support/ <p>Hi Devin, </p> <p>Any answers or update from Kriesi?</p> <p>Thanks much.</p> <p>Andy </p> http://www.kriesi.at/support/topic/bug-on-boxed-layout-main-menu#post-112456 Mon, 20 May 2013 15:18:37 +0000 Devin 112456@http://www.kriesi.at/support/ <p>Hi Amirb,</p> <p>I believe it has to do with elements not visible on the screen and forcing the browser to change view. I'll tag the topic for Kriesi to look at as I'm not sure this is fixable or not with how the browser renders content.</p> <p>Can you provide a link to your site so I can test it on iPad and see what might be going on?</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/weird-menu-alignment#post-112438 Mon, 20 May 2013 14:11:23 +0000 ekuntjoro 112438@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Sorry for responding in two month... </p> <p>here's my link: <a href="http://www.majorminorstore.com" rel="nofollow">http://www.majorminorstore.com</a></p> <p>Thanks. </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112413 Mon, 20 May 2013 12:05:12 +0000 andypeck 112413@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Im not working online hence me sending the clipular link:<br /> <a href="http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c" rel="nofollow">http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c</a></p> <p>If you dont think its the CSS code then ill have to wait till its all online and then if its still playing up ill come back to you. Although im pretty sure its due to me moving the line above the main menu so the error will still be there when its online. Before I do that, did you have any thoughts on the first question ---- creating the feint line across the menu. The link to my concept designs should show what im after</p> <p>Cheers as always Nick<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112235 Sun, 19 May 2013 18:06:51 +0000 Nick 112235@http://www.kriesi.at/support/ <p>Hi,</p> <p>I don't see any error in responsive mode here andypeck.co.uk -- <a href="http://i.imgur.com/EJjOsdG.png" rel="nofollow">http://i.imgur.com/EJjOsdG.png</a></p> <p>Please show which page on your site is experiencing this issue.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/bug-on-boxed-layout-main-menu#post-112121 Sat, 18 May 2013 08:01:27 +0000 Amirb 112121@http://www.kriesi.at/support/ <p>Check this out: <a href="http://s14.directupload.net/images/130518/oq7ki2ls.png" rel="nofollow">http://s14.directupload.net/images/130518/oq7ki2ls.png</a></p> <p>I installed Worpress (3.51) and installed your theme. After that, I opended the "Homepage" Page and deleted all Content except the stuff you see on the screen.</p> <p>Now when I click on the footer, hold the mouse button and slide with it to the right side of the page, this happened.</p> <p>It is the same on your Themeforest - live Preview: <a href="http://www.kriesi.at/themedemo/?theme=enfold" rel="nofollow">http://www.kriesi.at/themedemo/?theme=enfold</a></p> <p>What can be the reason? </p> <p>Another Question. I also got both menus (Mobile Slide in Menu and dektop page menu) on the IPad when I open the Page (on a fresh installation)</p> <p>Thanks and cheers </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 Fri, 17 May 2013 20:48:14 +0000 andypeck 112059@http://www.kriesi.at/support/ <p>Nick - Just had a thought and wondered if I could kill two birds with one stone without having to go live...</p> <p>If this doesnt help you then let me know and ill get the first few pages uploaded</p> <p>Here's my thoughts</p> <p>I've attached a link to a set of images that outline three things<br /> a) what I want to achieve overall with the nav (look n' feel) as created in Photoshop<br /> b) what I've achieved thus far (still missing the feint grey line we've discussed before)<br /> c) whats going wrong in responsive mode</p> <p>Here's the link to the images I've grabbed:</p> <p><a href="http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c" rel="nofollow">http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c</a></p> <p>so…….</p> <p>two things:</p> <p>1) Can you help me create the feint line still missing from the top of the nav (see image). Its 1 px deep and spans the width of my menu, its grey, should be responsive and allow the HIGHLIGHT BLOCK to travel along it. Obviously, I may add sections so it needs to adapt when I add or take away pages</p> <p>2) Can you help me remove the superfluous thick line that appears in the slide out responsive menu. I don't want it at all in this mode. I just want the menu to behave/look like yours in the demo.<br /> Here's the code I'm using to adapt the nag (as requested)</p> <p>---------------------------------------------------------------------<br /> ---------------------------------------------------------------------<br /> <pre><code>/* MENU BORDERS */ #top .main_menu .menu ul li:last-child&gt;a { border-bottom-style: solid; border-bottom-color: #33302b; border-bottom-width: 1px; border-top-style: solid !important; border-top-color: #33302b !important; border-top-width: 1px !important; } #top .main_menu .menu ul li a { border-right-style: solid; border-right-color: #33302b; border-right-width: 1px; border-left-style: solid; border-left-color: #33302b; border-left-width: 1px; } #top .header_color .main_menu ul:first-child &gt;li &gt; ul, #top .header_color .avia_mega_div &gt; .sub-menu { border-top-color: #423e38; !important; border-top-style: solid; border-top-width: 1px; } /* Top Menu width spacing */ #top .main_menu ul:first-child &gt; li &gt; a { margin-top: 1px; padding: 0 10px; } #top .container_wrap { border-top-width: 2px; } /* Main Menu - ROLLOFF TEXT */ #top .header_color .main_menu ul:first-child&gt;li&gt;a { padding-top: 7px !important; color: #eee6de ; font-size: 1.4em; letter-spacing: 0.0em; font-weight:400; } /* Main Menu - ROLLOVER TEXT */ #top .header_color .main_menu ul:first-child&gt;li&gt;a:hover { color: #d83300; font-size: 1.4em; letter-spacing: 0.0em; font-weight:400; } /* Main Menu - SUB MENU OFF */ #top .main_menu .menu ul li&gt;a { color: #e2e2e2; font-size: 1.2em; letter-spacing: 0.0em; font-weight:400; } /* Main Menu - SUB MENU HOVER */ #top .main_menu .menu ul li&gt;a:hover { color: #e2e2e2 !important; background-color: #d83300; } /* Main Menu - HIGHLIGHT BLOCK */ #top .avia-menu-fx { display:block; position:absolute; top: 28px; border-style:solid; border-width:2px; } /* HEADER - BOTTOM LINE (attached to slider) */ #header_main { border-bottom-style: solid; border-bottom-color: #3b3330; }</code></pre> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112053 Fri, 17 May 2013 20:26:31 +0000 andypeck 112053@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Im working on a local server at the moment otherwise I would be more than happy to share my findings. Not sure about the bit about masking URLs unless theres another way of me showing you my site. What I think ill do is transport what Ive achieved to-date onto my live hosting account and then let you know. I'd prefer not to have to do it but it seems you cant easily help otherwise</p> <p>Ill try and do it this weekend<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111956 Fri, 17 May 2013 15:41:28 +0000 Nick 111956@http://www.kriesi.at/support/ <p>Hi,</p> <p>I will need to see the page where this is taking place, you can use goo.gl to mask the url.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111801 Fri, 17 May 2013 01:51:35 +0000 Ismael 111801@http://www.kriesi.at/support/ <p>Hi,</p> <p>What is the code that you have right now, the code that Nick gave you? What header style do you have?</p> <p>Let me tag Nick.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111679 Thu, 16 May 2013 15:31:26 +0000 andypeck 111679@http://www.kriesi.at/support/ <p>Hi there,</p> <p>I had some help from Nick to move the 'underline effect' on the main menu so it sits above the menu text and moves with the rollover action. However, whilst this all works fine, I noticed that when I shrunk the page to when the responsive menu kicks in ----- whilst in the responsive slide out menu a thick line appears across the menu. Its clearly as a result of moving the line in the main menu. How do I get rid of this as I want it to look exactly the same as in the demo. Can it be hidden or reset whilst in this responsive mode.</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/menu-style-is-different-from-in-demo#post-111527 Thu, 16 May 2013 00:54:47 +0000 Ismael 111527@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad that is fixed. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/menu-style-is-different-from-in-demo#post-111422 Wed, 15 May 2013 16:31:27 +0000 swazzi 111422@http://www.kriesi.at/support/ <p>Worked perfectly. Never woulda figured that one out alone. Thank you Ismael! </p>