Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 4, 2016 at 2:08 pm #593265
    sepruda

    Hi,

    When my page is shown on a tablet or similar device, that causes the menu to be in two rows, the second row covers the page titles I’ve used.

    http://www.kirurgiroskilde.dk

    • This topic was modified 8 years, 9 months ago by sepruda.
    March 4, 2016 at 3:02 pm #593281
    begrafiks

    Hi @sepruda ;
    I think you should change “Mobil Menu” settings
    You will find it :
    Dashbord > Theme Settings > Header > Mobil Menu
    or Mobil menu image Enfold Mobil Menu

    BTW the size of the menu text isn’t it too big ?
    this could help
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{font-size: 14px !important;}

    • This reply was modified 8 years, 9 months ago by begrafiks.
    March 4, 2016 at 3:46 pm #593306
    Yigit

    Hi!

    If that does not help, please also see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    @begrafiks     thanks as usual :)

    Best regards,
    Yigit

    March 7, 2016 at 11:00 am #594185
    sepruda

    Thank you both for your replies!

    I’ve changed the settings in theme settings to activate mobile menu on tablets, and added the custom css, to also use mobile menu on landscape on tablets. There is however still a spot, where it shows the desktop menu in two rows, covering the page title.

    I’ve made the menu text bigger, as a design decision.

    March 9, 2016 at 1:05 pm #595535
    Vinay

    Hey!

    Please add this to your Quick CSS to hide the desktop menu that shows when the screen size is approx 1010px wide.

    NOTE: This will push the menu 10% to the right to hide it and when you open the menu it has 10% gap on the left side.

    #mobile-advanced {
    right: -110%!important;
}

    Cheers!
    Vinay Kashyap

    March 9, 2016 at 1:11 pm #595537
    sepruda

    Hi Vinay,

    Thanks for your reply. After adding the CSS-bit, there’s still a spot where the search icon (looking glass) drops down to a second row.

    I guess it’s not critical, I don’t even know if anything runs on that resolution (I’ve just been resizing my browser window), but it would be perfect, if that didn’t happen.

    March 14, 2016 at 9:54 am #597629
    Ismael

    Hi!

    The magnifying glass drops down when the browser size is set to 1055px below. We can target that screen size with css media queries:

    @media only screen and (max-width: 1055px) {
#top #header .av-main-nav > li > a {
    font-size: 16px;
    padding: 0 10px;
}
}

    Regards,
    Ismael

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