Secondary Navigation issue on mobile

Homepage Community Forums Epik Theme Support Secondary Navigation issue on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #11408
    rick.weiss
    Customer

      We have the secondary navigation above the header. In order to tighten up the header, we have the secondary nav floating right, the primary nav in the header right widget, so it is right of the logo.

      All good on screen view.

      But on the mobile view the secondary nav covers half of the logo.

      I tried @mobile specific css (where your @mobile code is – bottom of style.css:

      .nav-secondary {
      background: #e2e7c9;
      float: left;
      clear: both;
      }

      Doesn’t do anything.

      Any thoughts on how to get his menu to stay above the logo. I thought the clear command would do that, but it doesn’t.

      Rick

      #11418
      kronos
      Customer

        Do you have a link to your site so I can see the issue?

        #11423
        rick.weiss
        Customer
          #11431
          kronos
          Customer

            It’s the “float: right” part that you added which throws it off. You can keep that code, but you’d need to add float: none in your mobile section so it will override it when viewed on smaller browsers.

            #11433
            rick.weiss
            Customer

              Brother – I was SOOO close to trying that – not sure why I didn’t.

              Thank You!!

              #11435
              kronos
              Customer

                You’re welcome 馃檪

              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.