/    Sign up×
Community /Pin to ProfileBookmark

Bootstrap Mobile Menu hiding behind content

Copy linkTweet thisAlerts:
Oct 15.2015

Hi there,

I’ve been scratching my head on this one for several hours but can’t work out why my mobile menu is hiding behind the content (specifically, the warning message, photo and intro text portion of the site, as the menu does appear over the logo and search box). I’ve tried setting z-index to 9999999 to the .mainMenu class but it still stays where it is.

Can anyone see what I’m missing (I’m testing this on an iPhone).

[url]http://arabic4kids.co.uk/a4k/[/url]

Thank you for any time given to this.

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@jedaisoulOct 15.2015 — I haven't looked at your site in detail but I note that:

  • 1. You are using Bootstrap. I've therefore moved the thread to the JS frameworks forum.


  • 2. You have manually moved the Bootstrap .CSS to the top. This means that CSS settings in subsequent files may overwrite the Bootstrap settings, which might well be part of your problem.


  • 3. You have indicated that the problem is with a mobile menu. As Bootstrap is capable of producing fully responsive web pages, I wonder why you need a mobile-specific menu?
    • Copy linkTweet thisAlerts:
    @riz-manauthorOct 15.2015 — Hi,

    Apologies on the location of my post.

    As for points 2 and 3, I didn't build the theme - just using it for my site - so have no idea why it's coded the way it's coded. I'm also not familiar with the correct language and terminology to use so with regard to point 3, the mobile menu I'm having issues with is part of the theme I'm using - it's not something I added.
    Copy linkTweet thisAlerts:
    @jedaisoulOct 15.2015 — Then contact the author of the theme.
    Copy linkTweet thisAlerts:
    @riz-manauthorOct 15.2015 — I have but haven't received a response so was trying my luck here.
    Copy linkTweet thisAlerts:
    @LandslydeJan 04.2016 — riz-man:

    Just use pure bootstrap. I use it on my site and have never had even one issue with the layout across devices. Whoever added the extra .css to the bootstrap you're using didn't fully understand bootstrap. Bootstrap is all you need.
    ×

    Success!

    Help @riz-man spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.7,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...