Changing navigation links position

  • 1
  • Question
  • Updated 7 years ago
  • Answered
is there a way of moving the position of my navigation links? I'm using the "square glass" style template and want to shift the links to the right side of the page instead of the left.
Photo of Chris Loughrey

Chris Loughrey

  • 11 Posts
  • 0 Reply Likes
  • confused

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Chris

It may be possible to set this up. Can you please post your site URL so that I can see the style code used? Thanks!
Photo of Chris Loughrey

Chris Loughrey

  • 11 Posts
  • 0 Reply Likes
Hi Sanja,

The site URL is up at www.yourdiabetes1.yolasite.com

Its only a work in progress at the moment but I'd love to be able to edit the navigation a little.
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Chris,
Sanja is not currently online but I will forward this to her so that she is aware you have responded to her question.

Kind Regards,
Emmy
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Chris

Thanks for your patience. If you have Yola Silver, you can easily change this. Please insert this code into your Site CSS:

#menu ul {
float:right;

}

Please let me know if this does not work for you.
Photo of Chris Loughrey

Chris Loughrey

  • 11 Posts
  • 0 Reply Likes
Thanks Sanja, that worked perfectly.

Just one more question, how do I change the font style from Ariel and make it bold?
Sorry if these are very basic questions, custom CSS is a new one for me!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Chris, sorry for the delayed reply. I have passed your follow up question on to Sanja and she'll get back to you shortly.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Chris

Here's what you can add to change the font style and make it bold:

#menu ul li a {
font-family: Georgia;
font-weight: bold;
}

Please be sure to use web-friendly fonts so that your font will show up consistently on various browsers.