Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 30, 2014 at 1:40 pm #327187
    storm-dc

    Hello, I recently added a new topic regarding the header and the main NAV wrapping underneath the logo when the browser window becomes responsive.

    Really sorry but the work around that you gave me hasn’t worked, although I thought it was sorted.

    Your previous reply was;

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
    .av-main-nav > li > a { padding: 0 6px; }
    .logo img { width: 60%; }}
    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 87%;
    height: auto !important; }}

    And then adjust the Header Mobile Menu activation and choose 990px

    Could you have another look and let me know if there is a work around.

    Thanks

    September 30, 2014 at 10:05 pm #327628
    Josue

    Hi!

    Try with this code instead:

    @media only screen and (max-width: 1339px) and (min-width: 990px) {
  .av-main-nav > li > a { 
    padding: 0 7px; 
  }
  .logo img { 
    width: 60%; 
    top: 10px; 
  }
}
@media only screen and (max-width: 480px) {
  .responsive .logo a, .responsive .logo img {
    max-width: 87%;
    height: auto !important; 
  }
}

    Best regards,
    Josue

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