Tagged: header menu, menu items, menu placement
-
AuthorPosts
-
November 16, 2015 at 12:21 pm #536441
Hi,
We were using the code provided here to evenly spread out our header menu items across the page: https://kriesi.at/support/topic/placing-menu-below-header/, but lately it’s not taking effect.
Has something changed with Enfold styling maybe that could have affected this? Is there a new code I can apply to get the same centered and evenly spread out effect?
November 16, 2015 at 2:05 pm #536480Hi 500Webmaster!
You have following code in Quick CSS
<style type = “text/css”> table, td, tr { border: 0px !important; } </style>
please strip out Style tags so your code should look as following
table, td, tr { border: 0px !important; }
If that does not help, please post the link to your website and a screenshot showing the changes you would like to make.
Regards,
YigitNovember 17, 2015 at 9:42 am #537183Hi Yigit,
Thanks – that definitely solved the problem. There is a weird issue now though – the menu items are weirdly misaligned. I’ve attached a link to the snapshot for you to see in the private content area.
Best
November 17, 2015 at 4:21 pm #537377November 17, 2015 at 4:55 pm #537412Sure, see private content area below
November 19, 2015 at 2:39 pm #539011Hey!
you are using an old version of the theme. So at first please upgrade to Enfold 3.4.3 and let us know if you still need help afterwards.
Regards,
AndyNovember 19, 2015 at 5:09 pm #539098Hi, according to our dashboards for each site we’re up to date? Link attached.
November 20, 2015 at 12:14 am #539278Hi!
but you are not. You are using Enfold v3.3.1, check in Enfold->Theme Updates
Upgrade to Enfold 3.4.3 and let us know if you still need help afterwards.
Best regards,
AndyNovember 20, 2015 at 8:48 am #539376Hi Andy,
I get what you’re saying but I think there must be an issue inside our Dashboard then, because if I go to Enfold>Theme Updates, it says there is no update available and that I’m running the latest theme, then if I click on “check manually” it finds nothing and tells me I’m up to date. See attached snapshot to see what I mean.
November 20, 2015 at 11:56 am #539444Hi!
the reason for that is that you are seeing the cached version of Envato/Themeforest’s available updates. So it’s not about the theme, it’s about how Envato/themeforest is working. Install this plugin and you should see the newest available version:
https://wordpress.org/plugins/artiss-transient-cleaner/Regards,
AndyNovember 23, 2015 at 1:11 pm #540746Hi Andy,
Done – plugin worked and theme has been updated. I re-added the CSS code again but still the same issue appears. See attached.
Thanks
November 23, 2015 at 2:57 pm #540879Hi!
about which css code are you talking about? here you said it’s solved for you. About which issue are you talking about now?
Best regards,
AndyNovember 23, 2015 at 3:15 pm #540901Hi Andy,
Yes, as stated above, the code does seem to work as it is spreading out the menu items, BUT the alignment is incorrect. The attachment links I sent earlier demonstrate this – you can see that the titles are not centered inside their menu containers as they should be, and the highlighter underneath each title’s container spreads across two title containers. So the code is not working properly. So it’s the same issue.
November 23, 2015 at 9:56 pm #541182Hi!
menu is centered inside of their containers for me. Which browser are you using? Use this code to remove submenu’s border:
.sub-menu { border-top: none !important; }
Cheers!
AndyNovember 24, 2015 at 9:55 am #541401Hi Andy,
No, it’s working now because I removed the code so it wouldn’t affect the live site, which is why I sent you the image to view instead. I’ll apply the code now just for today so you can view the site live.
Thanks
November 24, 2015 at 1:26 pm #541567Hi!
use this code to increase padding of menu item’s border:
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { padding-left: 44px; }
and adjust as needed.
Best regards,
AndyNovember 24, 2015 at 1:56 pm #541602Hi Andy,
Sorry, but I can’t get it to work. I’m not clued up on code or how padding should be measured. None of us at our company are familiar with code. Is there not simply a clean code I can put in to spread the items evenly across the page?
November 24, 2015 at 2:14 pm #541613Hey!
that is a clean code actually. If it’s necessary then you just need to adjust the padding-left value. Try “30px” or “50px” or keep it to “44px”, whatever you need.
Best regards,
AndyNovember 24, 2015 at 2:28 pm #541628Hi, okay fair enough. I’m just going to give this a miss then – I can’t seem to get the padding to work out properly. Thanks.
November 24, 2015 at 4:03 pm #541727Hey!
what do you mean with you can’t get it to work? try to add an !important into it if the code does not work for you:
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { padding-left: 44px !important; }
Clear browser cache and hard refresh a few times
Regards,
AndyNovember 24, 2015 at 4:08 pm #541732Hi Andy,
No the code is taking effect but I can’t seem to find the correct padding values. I have no idea how to even begin calculating what will work and what won’t. I have tried playing around with different values, but I’m just not coming right. I’m not blaming your code – I’m blaming myself.
Thanks, though.
November 24, 2015 at 4:11 pm #541735Hi!
ok, just play around a bit, until it fits to your needs.
Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.