I want to align the menu in the center or make it without boundaries. For example you see the black line behind the menu http://www.toppcnews.com/ If I add 2-3 more menu items they go on another line below the menu which I don’t like how can I change the menu size so I can add more items?
Hi,
Try to delete the following classes – http://screencast.com/t/XuLhsPrq
Delete the search button code – http://screencast.com/t/oiSo8U8R8R2
I haven’t fully tested this but if it doesn’t work the way you want you can revert to the previous code.
Thank you, Emil G.
I done it already thx.
Hi, I need some help with this.
I deleted the search button code as shown above. But I don’t know how exactly to delete the classes mentioned. Please elaborate on this.
As of now, the menu is aligned more to the left rather than the center.
The site is at culinarycafe.manifesto.co.in
Thanks!
Hi,
@zoheb127 Please provide more details about what you exactly trying to do as Emil said this is no tested and you probably will need more css customization. You said that you have deleted the search so you will only need remove classes that Emil suggest above(just delete span11 and container words from the code). Please make a backup of your file first so you can revert if you don’t like the result.
I have checked your site URL so if your issue is that the menu on two rows on tablet screens please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/09HQx4U1j
@media (min-width: 768px) and (max-width: 1018px){
.td-menu-wrap #td-top-menu {
padding-left: 0px !important;
}
.sf-menu > .td-menu-item > a{
font-size: 12px !important;
}
.sf-menu > li > a{
padding: 0px 8px 0px 5px !important;
}
}And change span11 to span12 if you don’t need search on menu(you already deleted the code): http://screencast.com/t/HwXZTo8iSXd
Hope this helps!
The issue was that the menu was not being center aligned properly. It was positioned more towards the left side, rather than center.
So I did these 2 things:
1. Removed the word ‘container’
2. Changed ‘span11’ to ‘span12’
Now, the menu is positioned more towards the right side, rather than center.
I need it to be exactly center-aligned. Please tell me how to do this.
P.S. I added the css to fix the 2 rows you mentioned, and it worked. That wasn’t the reason I wrote this post, but thanks anyway! 🙂
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/K5X9pprHmBH
.td-menu-wrap #td-top-menu {
padding-left: 0px;
}
Thanks!
It worked. Thanks!
Ok now I have activated the mega menu, and it is not being centered. Please give tell me what to do.
culinarycafe.in
Hi,
Please revert to the menu-header.php file and see if this works. If you did not have any megamenu when you made those modifications to the code(container, span12) it may be affected.
as Emil said this is no tested and you probably will need more css customization. You said that you have deleted the search so you will only need remove classes that Emil suggest above(just delete span11 and container words from the code). Please make a backup of your file first so you can revert if you don’t like the result.
Did you tried megamenu before you made modifications to the code and worked?
Thanks!
When I did it earlier I was not using the megamenu. But I needed it now.
I added the ‘container’ class back into the code.
I had changed the ‘span11’ to ‘span12’ earlier, but now I just removed it.
Seems to work well.
Thanks!
