make the menu bar appear on all mobile devices please

Viewing 9 posts - 1 through 9 (of 9 total)
  • #13767
    mjamesf
    Participant

    How can I make the menu bar appear on all mobile devices?
    On iPad tablets everything works fine menus are there but on mobile phones the minimized menu button is always overlapping either with my title or Ads widget.

    http://www.360virtualtourist.com view my site on a mobile phone to the see the layout problem.

    #14673
    bennieb79
    Participant

    How did you solve the problem?
    When I visit your site it works perfectly, but your menu is on a different place than mine on a mobile phone…

    #14675
    mjamesf
    Participant

    Hi bennieb79,

    Go to your Theme options then on the Layout Tab goto Edit Custom CSS and paste this:

    #header input#s {
    z-index: 0;
    }

    #header {
      position: relative;
      padding-bottom: 30px;
    }

    #access {
      background: none;
    }

    #access,
    #access .nav-show,
    #access a.nav-show:hover {
      bottom: 10;
    }

    #access .nav-show,
    #access a.nav-show:hover {
      top: initial;
      left: 44%;
    }

    #access:target .menu {
      margin-top: 10;
    }

    }

    #14687
    bennieb79
    Participant

    Hello mjamesf,

    Thanks for your reply.
    I’ve tried your solution and the menu moves to the right position except the first 2 menu links are not clickeble…

    I think the problem has to do with the slider I use.
    The link to visit on mobile phone is http://www.ronlink.nl/Site .

    When i use the stock browser on android the menu does not work, the browsers chrome and firefox are reacting to the menu.

    I hope someone has the solution to this.

    Thanks in advance

    #14691
    mjamesf
    Participant

    Hello bennieb79,

    Remove this on your custom CSS I think this is only applicable to my site because I have a big logo on top:

    #header input#s {z-index: 0;}

    #header {  position: relative;  padding-bottom: 30px;}

    Regards,
    James
    http://www.360virtualtourist.com

    #14718
    PCCh
    Participant

    @ mjamesf

    I came here to see if I could find out how to keep the mobile menu from being covered by the search form when it drops down, and you solved that problem for me… and gave me a better placement for the menu as well.

    Thanks for sharing your knowledge!

    By the way, here was the perfect settings for me:

    #header input#s {
    z-index: 0;
    }
    #header {
    position: relative;
    padding-bottom: 30px;
    }
    #access,
    #access .nav-show,
    #access a.nav-show:hover {
    bottom: 10;
    }
    #access .nav-show,
    #access a.nav-show:hover {
    top: 2%;
    left: 44%;
    }
    #access:target .menu {
    margin-top: 40px;
    }
    }

    #14721
    bennieb79
    Participant

    Hello All,

    Thanks for your input. It is partionally a solution to my problem.
    Menu placement is fine now. Only in mobile mode the links apearing on top of the slider are not clickable…
    The link who are placed under the slider are working fine…
    I think the solutions lays in the z-index but i’ve tried everything i know, and it did not worked.

    Hope you can help me.

    Greetings Ben

    #15937
    supergarEo
    Participant

    Hi all is there a way for the search this site box to appear already open like it does on a mobile device on a desktop pc or tablet.

    Currently i have to click the search option for the search box to appear, would like it to be already open when you view site.

    Thanks

    Gary

    #17978
    markdj
    Participant

    I can’t make the mobile menu appear at all and I can’t figure out what is blocking it from working…

    http://stronge.org.uk

    Its so frustrating. I’m helpless and I have tried disabling a number of plugins.

Viewing 9 posts - 1 through 9 (of 9 total)

Tagged: 

You must be logged in to reply to this topic.