Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2015 at 12:30 pm #404403
    Peatkay

    Hi,
    I started a topic that was resolved under the same title a while back. My problem was “When my site is viewed on a mobile device, (whenever the hamburger is displayed) a second menu is created and it displays off screen (i.e. you can’t see it unless you scroll to the right).”

    You replied with the following advice to add the following css:
    @media only screen and (max-width: 990px) {
    #wrap_all {
    position: relative !important;
    }}

    This appeared to fix the problem, however I have realised it seems to have only fixed it below about 600px. Between about 600px and 768px (where the site is the desktop version) the problem still exists. Which is very strange!!!

    The site is staging.scotiafishing.com

    Thanks

    Pete

    March 2, 2015 at 9:58 pm #404796
    Elliott

    Hey Peatkay!

    Try changing it to this.

    #wrap_all {
position: relative !important;
}

    Regards,
    Elliott

    March 3, 2015 at 1:59 pm #405129
    Peatkay

    erm – isn’t that exactly the same?

    March 4, 2015 at 8:38 am #405617
    Rikard

    Hey!

    It is except the media query is removed.

    @media only screen and (max-width: 990px) {
}

    Could you try to see if it works?

    Regards,
    Rikard

    March 4, 2015 at 8:45 am #405619
    Ismael

    Hi!

    Yes, they are the same but the previous code will only apply the css when screens are less than 990px. Please try it. Remove browser cache then reload the page. If it doesn’t work, please provide a screenshot.

    Regards,
    Ismael

    March 4, 2015 at 12:10 pm #405701
    Peatkay

    Hi there this did not work, but I found the issue.

    I had made changes to the grid.css to ensure that it stayed the style I wanted until the screen was smaller.

    I moved ” .responsive #top { overflow-x: hidden; } ” back to the 767px media query and it worked again.

    Sorry about that!
    P

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Extra responsive menu’ is closed to new replies.