Navigation Bar layout is off

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • charmandhammer
    Mini Mivite

    • Apr 2009
    • 95

    #1

    Navigation Bar layout is off

    Using Iron Wool ReadyTheme... when viewing my site at 100%... the navigation bar is off ... first option is in the middle of the screen. If I view it at 90% (zoom)... it is perfect. How can I fix so it lines up at 100%? I'm sure this is an elementary fix... ? in the readytheme?
    Thank you.
    Thank you,
    Terri
    http://www.charmandhammer.com
    Gear for Hard Working Women
  • Matt Zimmermann
    Mega Mivite










    • Apr 2008
    • 2482

    #2
    Can you post a link to your site?
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    • charmandhammer
      Mini Mivite

      • Apr 2009
      • 95

      #3
      Sorry... it is http://www.charmandhammer.com/

      Thank you,
      Terri
      http://www.charmandhammer.com
      Gear for Hard Working Women

      Comment

      • Matt Zimmermann
        Mega Mivite










        • Apr 2008
        • 2482

        #4
        I am unable to duplicate what you are mentioning. What browser are you using and can you post some screen-shots of what you are seeing?
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment

        • charmandhammer
          Mini Mivite

          • Apr 2009
          • 95

          #5
          Attached are screen shots. Issue shows on both Chrome and Mozilla ... as noted on the attached screen shots. Thank you for taking a look at this...
          Attached Files
          Thank you,
          Terri
          http://www.charmandhammer.com
          Gear for Hard Working Women

          Comment

          • Matt Zimmermann
            Mega Mivite










            • Apr 2008
            • 2482

            #6
            Dealing with desktop browser zoom can be a tricky thing. One possible solution would be to apply "display: flex;" to the UL element and "flex: 1" to the LI.level-1
            Matt Zimmermann

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            Comment

            • charmandhammer
              Mini Mivite

              • Apr 2009
              • 95

              #7
              " One possible solution would be to apply "display: flex;" to the UL element and "flex: 1" to the LI.level-1 "

              Would this be applied in the theme.css file?
              Thank you,
              Terri
              http://www.charmandhammer.com
              Gear for Hard Working Women

              Comment

              • Matt Zimmermann
                Mega Mivite










                • Apr 2008
                • 2482

                #8
                Making the update in the theme file would be the easiest way to add it.
                Matt Zimmermann

                Miva Web Developer
                Alchemy Web Development
                https://www.alchemywebdev.com
                Site Development - Maintenance - Consultation

                Miva Certified Developer
                Miva Professional Developer

                https://www.dev4web.net | Twitter

                Comment

                Working...
                X