Support Forum - Topic: Menu Adjustments

Support Forum - Topic: Menu Adjustments http://www.kriesi.at/support/topic/menu-adjustments Support Forum - Topic: Menu Adjustments en-US Wed, 19 Jun 2013 21:32:14 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments/page/2#post-89916 Thu, 03 Jan 2013 21:36:49 +0000 Devin 89916@http://www.kriesi.at/support/ I recommend you look into a freelance developer for pixel perfect customization. We are really not able to go into this much detail for every customization that you want for the theme. You can make these kind of tiny adjustments with the css we've provided so far but also understand that each browser can even have 1 pixel differences because of the way they render borders, padding, margins etc. Regards, Devin sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments/page/2#post-89912 Thu, 03 Jan 2013 21:17:10 +0000 sulker 89912@http://www.kriesi.at/support/ So see this: <a href="http://imgur.com/3hpwK" rel="nofollow">http://imgur.com/3hpwK</a> Are the items "Devlet Sistemleri" and its sub-menu "Monarşi" on the same alignment? Could you say yes? Also, if I don't use the codes of Nick, the boxes of items do not extend to right like that. When I hover the mouse over the category menu, the first level sub-menus of them firstly seems normal (during a short while, may be half second), and then they extend to right. After that, you can see th alignment of sub menu ands its sub menus (sub-seb-menus) are not on the same alignment. Do you understand me Devin? I'm not sure that you understood me. I know for sure how the submenu items works. I'm not dummy as you think. Please do not answer me without checking my complaints on my site. Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments/page/2#post-89891 Thu, 03 Jan 2013 20:14:37 +0000 Devin 89891@http://www.kriesi.at/support/ 1 and 2 - Each sub-menu will extend to the right of the previous sub menu by design. sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89852 Thu, 03 Jan 2013 17:43:23 +0000 sulker 89852@http://www.kriesi.at/support/ Hi Devin, The last css code you gave works with 2 problems: 1- The boxes of the sub sub menus are not at the same alignment with the upper menus. 2- The sub-menu boxs are increasing to right when I hover the mouse over the menu item sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89850 Thu, 03 Jan 2013 17:37:14 +0000 sulker 89850@http://www.kriesi.at/support/ Hi Devin, Is it going to the infinity? If I want to add 6th level sub menu? Then should I add .sub-menu . sub-menu .sub-menu .sub-menu .sub-menu li { margin-left: 0px; } ? For all of the levels should I add one by one as these? sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89849 Thu, 03 Jan 2013 17:32:54 +0000 sulker 89849@http://www.kriesi.at/support/ Here you can see the bug while I added the css codes that Nick gave above: <a href="http://imgur.com/iArl0" rel="nofollow">http://imgur.com/iArl0</a> As you see the sub sub menus (categories) seen not adjacnt as the should be. How could it seen normal? By adjusting which value could it be fixed? Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89816 Thu, 03 Jan 2013 15:51:26 +0000 Devin 89816@http://www.kriesi.at/support/ You can adjust that 3rd level menu item with: <pre><code>#top .catnav .sub-menu .sub-menu li { margin-left: 0px; }</code></pre> sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89731 Thu, 03 Jan 2013 05:13:55 +0000 sulker 89731@http://www.kriesi.at/support/ Hi Devin, I know all of these but when I I adjust by using these css there becomes a problem in sub sub menus of first menu or second menu. The background of sub sub menu (the box I mean) shifted left or right as you can see. Do you have a look to my site just now? Please see the sub sub menus of second menu. The box/background of sub sub menus are not adjacent when I use the css codes you gave. If they shifted to right, I can't reach the sub sub ...sub menus of the menu. If they shifted to left, so I can't read the items of sub sub menu. I sent a pic. of the problem before. Nick has seen it. also you can see it just now on my site. Do you understand my problem? Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89656 Wed, 02 Jan 2013 20:38:38 +0000 Devin 89656@http://www.kriesi.at/support/ You can adjust the padding on the first menu, which will adjust the space between each with the following css: <pre><code>#top .nav li a { padding-left: 6px; padding-right: 30px; }</code></pre> You can adjust the secondary category menu item spacing with the css you have in style4.css: <pre><code>#top .catnav li a { padding: 13px 10px 10px 10px; width: 114px; }</code></pre> The padding can be further broken down to the following to make it easier (replace what you have with this for that specific : <pre><code>#top .catnav li a { padding-top: 13px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 114px; }</code></pre> The text lines are already centered but it isn't possible to center align the entire navigation menu as a whole because it doesn't have a defined width. The best you can do is fake the effect by adjusting the padding or margins. Regards, Devin sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89603 Wed, 02 Jan 2013 18:23:20 +0000 sulker 89603@http://www.kriesi.at/support/ The second menu laying in a wide place with equal spaces. There is not problem there ( may be I will prefer more closer items and more far away from the text limits right and left). There is problem in first menu (the menu above the second menu) It could never centered by using your codes. Also when I want to adjust the space between items of first and also second menu by using your codes, always there becomes a problem as I said before. The sub sub menus shifted to left or right as you could see now (now please look at the sub sub menus of second menu). I want , 1- Adjust the space between the items of first menu. 2-Adjust the space between th items of second menu (menu under second) 3- And then center the menu items of first menu and second menu. I want all of these without having a problem as I have now. sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89601 Wed, 02 Jan 2013 18:07:48 +0000 sulker 89601@http://www.kriesi.at/support/ <a href="http://iyidemokrasi.com/" rel="nofollow">http://iyidemokrasi.com/</a> Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89599 Wed, 02 Jan 2013 17:59:19 +0000 Devin 89599@http://www.kriesi.at/support/ Hi sulker, What is the link to the site? Regards, Devin sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89561 Wed, 02 Jan 2013 14:43:09 +0000 sulker 89561@http://www.kriesi.at/support/ Hi Nick, Please look at my site, while I added the codes to the bottom of my custom.css that t you gave above as your wish. This times the problem I noted to you is solved (the first menu's sub menus were shifting left you know) but there becomes again a problem with these codes. Please look at the sub menus of second menu. You can see the space between menu and sub menu boxes. They are not adjacent as they should be now. Also by using your codes I can't still take the menu items to the center. They are still left justified. This problem still goes on. Also I can't increase the distance between the items of firs menu still by using your codes. Please note that, I not only want equal spacing, also I want to adjust the spaces as I want. Now, let me see what miraculous things could you do. PS: I used only your codes you gave at your last post, not the others. And Mery Christmas to all :) Nick on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89449 Mon, 24 Dec 2012 13:01:38 +0000 Nick 89449@http://www.kriesi.at/support/ Hi, Here is css for you based on the code of your current site. I need to look at it. I've made the top menu wide, equal spacing, and sub-menu and sub-sub menu are all lined up. I may have missed one, please don't take it out, let me see the code so I can make final adjustment. Add this code to the end of your custom.css file. <pre><code>#top .catnav { width: 1012px; right: 21px; } #top .catnav li { text-align: center; margin-top: 0; margin-left: 9.7px; marign-right: 1px; } #top .catnav li a { padding: 13px 10px 10px 10px; width: 114px; } #top .sub-menu { left: 0px; } #top .catnav ul { width: 172px; left: -2px; } #top .catnav li ul { border-top: 0px solid #333; } #top .nav li ul ul { left: 171px; top: -1px; }</code></pre> Thanks, Nick Nick on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89448 Mon, 24 Dec 2012 11:30:33 +0000 Nick 89448@http://www.kriesi.at/support/ Hi, I am working with your code. The image shows everything is broken. While your live site whose code I can see and change shows everything working well. So i prefer to begin where everything is working well. Think of me as your brain surgeon. Now you wouldn't tell a doctor where to drill right? You would trust his expert opinion. I am an expert and am giving you my opinion: as to the easiest, most mutually beneficial, most wonderful way to create everything you wanted from this menu to make you the happiest you ever been that will make you dance and sing from joy, and you will want to send me a box of eye glasses cleaning fluid for my birthday even. Remember the widget from before. and I was right. And you fought just like this the entire time. I can not re-create the code to make it work like the image you have. I have your url. I am looking at your live code with which I can work and it's not broken. Please put the broken code back, and I will gladly help you. Because I can not see one thing different between your life site and picture of a broken menu (except for the broken menu that is). Text looks the same, same distance, same size. So again, what are you trying to do, without talking about code above this that was given to a different client. Thanks, Nick sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89385 Sun, 23 Dec 2012 07:35:35 +0000 sulker 89385@http://www.kriesi.at/support/ I want to make the distance between the first menu topics more far than it looks now. Therfore I give the value as 30 in Ismael's code so it looks like good for me. When I give 30 as value in Ismael's code, the distance between first menu topics seems good to me, but then there becomes a problem. Because when I give a value more than 10 (like 30 as I gave) the submenus of first menu topics are shifting to be left and they couldn't be read exactly. I tried to tell this problem but somehow Nick did not understand this problem though I told by sending pictures of this faulty seen. Anyone understand? Anyone could fix it? sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89379 Sat, 22 Dec 2012 23:31:40 +0000 sulker 89379@http://www.kriesi.at/support/ Hi, I'm not sure that you undestand me. I show you the bug with Ismael's code. I want to adjust the both of the menus as I want. And Ismael gave a code -so Devin- for this wish. But the codes did not supply my wish. For example, if I want to adjust the first menu by giving a pixel value more than 10 in Ismael's code, then there becomes problems as I gave the picture above. So if I want to make the first menu topics more far from each other, how can I do that without I am exposed this problem? I persistently say you to look this: <a href="http://imgur.com/d5wSu" rel="nofollow">http://imgur.com/d5wSu</a> Say me now, is it normal? Couldn't you see any problem? I want to adjust the menus and its topics as anyone can. I can't say you "this is my choice finally". Because, may be I'll be borred from the form of menus and topics and I'll want to change it? So if I can not adjust, how can I do that? Please fix it if you can. And if you couldn't fix it, don't query my aims or final view... May be another one could fix it without querying me. Nick on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89378 Sat, 22 Dec 2012 22:42:24 +0000 Nick 89378@http://www.kriesi.at/support/ Hi, Let us forget for now Ismael code. This is how your site looks now. <a href="http://i.imgur.com/Dw1b3.jpg" rel="nofollow">http://i.imgur.com/Dw1b3.jpg</a> Nothing is covered up, and everything can be seen. From this point, what are you trying to accomplish. How do you want end result to look. (No Islmael code, lets imagine it never existed for now.) Thanks, Nick sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89376 Sat, 22 Dec 2012 21:48:17 +0000 sulker 89376@http://www.kriesi.at/support/ Also be sure that I did as you wote above. I added the codes at the "very bottom" of style4.css. And I see that still they are not working. I wrote above the codes which are working and which are not. The situation is still the same. sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89348 Sat, 22 Dec 2012 15:45:56 +0000 sulker 89348@http://www.kriesi.at/support/ Hi Nick, You can't see any poblem now, because I did not put Ismael's cod at style4.css. When I put it, there becomes a problem. I'll show you. Now this is the nomal one, without putting the Ismael's code: <a href="http://imgur.com/gqK4A" rel="nofollow">http://imgur.com/gqK4A</a> And this is the anormal one, with putting the Ismael's code: <a href="http://imgur.com/d5wSu" rel="nofollow">http://imgur.com/d5wSu</a> Could you see the problem now? Th submenus "Hukuki Eşitlik" and " "Siyasi Eşitlik" couldn't be read exactly in anormal one, with Ismael's code. In anormal one the submenus are shifting to be left. It isn't a browser problem. It is just a coding problem. The browser doesn't matter for this problem. Please could you fix this problem at first? This is the code (of Ismael) that makes anormal, makes problem: ul#menu-first li a { padding-right: 90px !important; } Nick on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89340 Sat, 22 Dec 2012 14:40:07 +0000 Nick 89340@http://www.kriesi.at/support/ Hi, I am looking at your website , through FF, IE, Chrome, Safari on Win7 and I see menus all look good... What device/browser are you using? It doesn't bother me to fix many issues as long as i know what the problems are. I am here to help! You should put all new css code at the *very end* of custom.css file which is the last css file the browser reads. This way , the new css will block the old css. If you put new css in the beginning of styles.css (its bad), the old css will block the new css and all the fixes will not be visible. Thanks, Nick sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89335 Sat, 22 Dec 2012 12:57:39 +0000 sulker 89335@http://www.kriesi.at/support/ Hi Nick, Thanks for your help firs of all... And please be sure that the twitter widget you see now, is not the widget that causes problems before. They have the same interface, but they are not the same software. So it is not suspicious as you guessed. Your codes worked well. Thanks for that. But if you read the message I wrote above, you could see that the problem I have is not only the equalizing the distance between menu items. Please have a look: <a href="http://imgur.com/jGcri" rel="nofollow">http://imgur.com/jGcri</a> You can see the submenu is nested with menu it belongs. So how can I resize the distance between the items oof first menu? When I want resize them by giving a value more than 10px there would be problem in submenus of first menu as you see. Please claw this issue and fix. I trust you. You can do that. And also I wanna ask that the codes Ismael and Devin gave above, must they added to style.css or style4.css which I use? I added them to style.css because they wrote like that. PS: I am awared that I wrote many issues, may be this may bother you, but I want to fix my problems step by step, one by one. The remaining problems I have, are not so difficult as you see before, please take it easy.. :) PS-2: I want also the codes of Ismal's and Devin's, working form for my site. Nick on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89324 Sat, 22 Dec 2012 10:10:27 +0000 Nick 89324@http://www.kriesi.at/support/ Hi, Hmmm... After looking at the code , I think the twitter widget could be the problem, it looks suspicious. However lets please first look at the menu. To center the menu text and to make room in the last menu item, please use the code below at the bottom of your custom.css file: <pre><code>#top .catnav li { text-align: center; } #top .catnav .noborder{ min-width: 129px; }</code></pre> this will change the width of 2nd level menus as well as center them, if you want. if not, take the center out of it please: <pre><code>#top .catnav li ul a { max-width: 150px; text-align: center; }</code></pre> You are using a very long word 'Kombinasyonlari' .. is there a way to make it shorter or break it up into two smaller words? Because there is no way to make all the menu items equidistant from each other, when one word is as long as half of the alphabet Please explain what else is needed to get the site the way you want it. Thanks, Nick sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89198 Fri, 21 Dec 2012 06:29:23 +0000 sulker 89198@http://www.kriesi.at/support/ Reporting the codes: As one by one: The codes Devin gave doesn't make any sense for styl.css. They couldn't changed anything. As for Ismael's codes... The code ul#menu-first li a { padding-right: 90px !important; causes the bug I wrote before: <a href="http://imgur.com/jGcri" rel="nofollow">http://imgur.com/jGcri</a> To debug it, the value has to be 10px. If I give a value more than 10, then the bug I show you appears. So I can't adjust the spaces if I want make them more than 10 px. At the other hand, the code ul#menu-second li a { height: auto !important; padding-top: 5px !important; padding-bottom: 0 !important; doesn't make any sense for style.css too. Only the other codes remaining of Ismael works smoothly. Who one will fix it and explain the situations I write above? After fixing these issues and out of these problems also I want to adjust/resize the category topics and the distance between them. sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89170 Thu, 20 Dec 2012 22:30:29 +0000 sulker 89170@http://www.kriesi.at/support/ Hi Shayan, Thanks for your help. The codes Ismael gave works, but the codes Devin still is not working. Please have a look: <a href="http://imgur.com/jGcri" rel="nofollow">http://imgur.com/jGcri</a> You can see the sub menu is nested with menu it belongs. I can't explore what this code changes: #top #menu-second.catnav .sub-menu { top: 40px; } Also I wanted to adjust the distance of topics in second menu, but these codes did not help for this. I mean the menu which begins with "İyi Yönetinim" in my site. How can I adjust the distance between theese topics? sq85 on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89121 Thu, 20 Dec 2012 17:53:38 +0000 sq85 89121@http://www.kriesi.at/support/ Hi Sulker - maybe I can help. These codes have all worked for me. For Ismael's codes, remove all the lines that contain // For instance, this code below: //adjusts the spacing of the main menu items ul#menu-first li a { padding-right: 90px !important; } becomes ul#menu-first li a { padding-right: 90px !important; } All the lines that contain // are for our information, to let us know what each code does. Once you understand, remove them and the code will work just fine. Paste all of Devin's codes after Ismael's code. Make sure the previous line ends with ' } ' when you add them to the bottom of style.css sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-89013 Wed, 19 Dec 2012 22:30:42 +0000 sulker 89013@http://www.kriesi.at/support/ I must say with my excuse but, your codes are not working neither Ismael's. Anything changed. The Menu topics are still left justified and the distance between them are not equal. Please try to tell what must I do from the beginning and clearly. Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-88999 Wed, 19 Dec 2012 19:48:38 +0000 Devin 88999@http://www.kriesi.at/support/ Hi Sulker, You can add my css at the bottom of the style.css file as well. This will only center them within their containers. Any of the values can be adjusted to fit your needs. Regards, Devin sulker on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-88941 Wed, 19 Dec 2012 13:14:16 +0000 sulker 88941@http://www.kriesi.at/support/ Hi Devin, I have the same problem. For equalize the distance between the items, what must we do? After adding the codes Ismael gave above, where do we must add the codes you gave? And which values can we adjust after then? Devin on "Menu Adjustments" http://www.kriesi.at/support/topic/menu-adjustments#post-88616 Mon, 17 Dec 2012 17:02:28 +0000 Devin 88616@http://www.kriesi.at/support/ Hi Shayan, This should center the menu items: <pre><code>#menu-second.catnav li a strong { text-align: center; }</code></pre> For the sub menus: <pre><code>#top #menu-second.catnav .sub-menu { top: 40px; }</code></pre> The font size is already set to 30px with the code you've added in from Ismael above. For the cheatin, uh message, open framework>theme_plugins>kriesi_option_pages>kriesi_option_pages.php Search for post_id and change it to post_ID. It should be on line 381 inside a big echo. Then save the file back on your server and try uploading an image for your logo again. Otherwise, you can just set your logo in header.php on line 100 as regular html and replacing the php call to the theme set logo. Or, replace the logo file in the theme files with your own. Regards, Devin