Announcement

Collapse
No announcement yet.

Navigation Bar layout is off

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    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

    #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


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

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

      Comment


        #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


          #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


            #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


              #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


                #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