I need to centre my menu links bar, any idea how?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi,

I am trying to find a way of centreing the links in my menu at the moment they are over to the right and look skewed form the rest of my site.

How do i do this? my url iss www.retroworldfootballshirts.co.uk

cheers, my site launches tomorrow so would love if i could get it sorted for then,

thanks guys!!!
Photo of steven

steven

  • 11 Posts
  • 0 Reply Likes
  • silly

Posted 7 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello, 

When looking at your site, your navigation menu appears to be centered for me. This is what I am seeing:
User-added image

If I am missing something, please let me know. We would love for your site to be just how you want it for your launch tomorrow! 
Photo of steven

steven

  • 11 Posts
  • 0 Reply Likes
Hi Brianna,

It may be then its becoause i am using firefox to browse but i am def seeing my top menue bar aligned to the right rather than centred and just looking for some html code possibly that would centre it, its not a huge thing as it looks not bad the way it is, just the perfectionist coming out in me lol

Cheers

Steven
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Steven,

Try adding this to an HTML Widget on each page:

<style type="text/css">

div.ys_nav ul{
list-style:none;
margin:0;
padding:0 10px;
text-align:center;
}

</style>

If you have Yola Silver you can do this by going to Site >>Site Properties >> Site CSS Edit.
Photo of steven

steven

  • 11 Posts
  • 0 Reply Likes
Perfect, i am on silver but i just used the html code on each page and its worked a treat, i have not dabbled with the site CSS edit yet, can you tell me what kind of stuff i could do in there, scared i mess up lol
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Steven,

There's a lot you can do with the Site CSS: change fonts, colors, size of menus, text, etc.--all sitewide. You can change the width of your site, the size of your banner. We have a tutorial here: http://www.yola.com/tutorials/article...

{Shameless plug to follow}: If you want to use custom fonts see the tutorial here: http://forum.yola.com/yola/topics/usi...

There is a check box that you can use to disable any CSS you add so you can't really mess up too badly. Of course, I always recommend creating a test site to work on first!