Skip to main content
D
Doc Vandermast
Participant
September 17, 2018
Answered

How to center this nav bar

  • September 17, 2018
  • 2 replies
  • 1245 views

I'm pretty new to responsive design, just working my way into it. I cannot figure out how to center the top navigation on this page. I feel really stupid for having to ask this.

Kowa TSN-553 Scope Review — Birdwatching Dot Com

    This topic has been closed for replies.
    Correct answer anissa_thompson

    Take a look at your CSS for your .nav-main a declaration - you can add a text-align:center; to the list, and adjust the left padding and/or margins of the li tags in that list.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    September 17, 2018

    On a side note,  that table is going to prove challenging for mobile and tablet users because tables are not responsive in smaller viewports.    Had you used a Bootstrap Starter Template, the tabular data presentation would be more user friendly.   https://getbootstrap.com/docs/4.0/content/tables/

    Nancy O'Shea— Product User & Community Expert
    anissa_thompson
    Community Expert
    anissa_thompsonCommunity ExpertCorrect answer
    Community Expert
    September 17, 2018

    Take a look at your CSS for your .nav-main a declaration - you can add a text-align:center; to the list, and adjust the left padding and/or margins of the li tags in that list.

    Hope this helps! Make sure to press "✔ Correct Answer" on this post if this answers your question. Happy Creating!Anissa • @anissat
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices