Skip to main content
Doc Vandermast
Participant
Sep 17, 2018 9:56 PM UTC
Answered

How to center this nav bar

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 is closed to new replies. Start a new post to keep the conversation going.
    anissa_thompson
    anissa_thompsonCorrect answer
    Community Expert
    Sep 17, 2018 10:43 PM UTC

    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
    View reply

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    Sep 17, 2018 11:47 PM UTC

    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/

    Translate
    Nancy O'Shea— Product User & Community Expert
    anissa_thompson
    Community Expert
    anissa_thompsonCommunity ExpertCorrect answer
    Community Expert
    Sep 17, 2018 10:43 PM UTC

    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.

    Translate
    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