A couple of months ago I posted a question to center my menu titles. I got a reply to post this in my css :
.sf-menu{
margin-left: auto;
margin-right: auto;
display: table;
}
Now my title is centered but not all the way. My title is a bit off to the right. Besides that, when I scroll down my title bar gets smaller and all of a sudden the title is centered. This looks really weird and I was hoping if there was a way that the title bar could be centered at all times?
Greets Bren.
Hi,
It would be helpful if you could provide a link to your website for a more accurate solution. There could be a different way of achieving this, with good results on all devices.
Thanks
Hi,
The menu is centered based on its container width
– https://www.screencast.com/t/nqwTl9HK
Visually it does not appear centered because of the logo. I could give you a code to position the menu items closer to the logo, something like this
– https://www.screencast.com/t/JnQg3Vf5v
.td-header-style-12 .td-logo {
margin-right: -110px;
}
Test this solution and see if it provides the desired result.
Thanks
Hi Simion,
Thanks for the code, it is fixed now for the homepage. But as soon as I go to another page I still have the same problem :
http://www.brainer.nl/uncategorized/brainer-teaser-trailer/
Do you know how to fix this?
thanks again!
Bren.
Hi,
This will work for all website pages, remove the previous code and enter this one
.td-header-style-12 .td-logo,
.td-header-style-12 .td-header-logo {
margin-right: -110px;
}
Thanks
