Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #472620

    Hello,

    this is the Main Menu on a desktop:

    Main Menu Desktop

    On an iPad it looks like that:

    Main Menu iPad

    Is it possible to disable the search icon here and minimize the Menu fontsize, so that it fits again?

    Glad about Help!
    Bernd

    #472662

    Hi Bernd!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) and (min-width:900px) {
    nav.main_menu .menu > li > a { padding: 0px !important; }
    #menu-item-search { display: none !important; }
    }

    Best regards,
    Elliott

    #472671

    Hi Elliott,

    I added your code to the custom CSS, but it made no difference, it looks like before

    Any ideas?

    Thank you
    Bernd

    #473207

    Hi!

    I went to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and chose 990px. Please review your website now

    Cheers!
    Yigit

    #473263

    Hi Yigit,

    thanks, but that is not what I asked for.

    I think that in case of a vertical iPad view it is better not to have the mobile menu already.

    So what about disable the Search icon and make the Menu fontsize and/or padding a little bit smaller?

    Thank you for Help
    Bernd

    #473343

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
    #top .av_seperator_big_border#header .av-main-nav > li > a {
      padding: 0 3px;
      font-size: 12px;
    }
    li#menu-item-search {
      display: none;
    }}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

    #473438

    Hey Yigit!

    That is almost perfect!

    What makes me wonder is:
    Why is there much more left and right spacing at “Klinik” and
    Why has “Klinik” a border on the left side (while there is no one at the other side of the page at “Geschichte und Auftrag”)

    Main Menu iPad2

    Glad about Help!
    Bernd

    #473748

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) {
    li#menu-item-3227 a {
      border-left: none;
      min-width: 60px;
    }}

    Cheers!
    Yigit

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

You must be logged in to reply to this topic.