Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2015 at 6:56 pm #557177
    ideenstart

    Hi !

    I have a problem with the navigation on this site:

    On desktop and mobile everything is fine !
    But on tablet (ipad) the logo and the navigation overlap – both in horizontal and vertical mode !

    Hard to describe – please have a look at it …
    I’ve created an account for you to pass the maintenance mode plugin …!

    Thanks in advance!
    Tom

    December 23, 2015 at 11:33 pm #557233
    ideenstart

    Somehow it seems the link to the website has been dropped above …

    The website is: http://www.reformhaus-parfuemerie.de/

    Sorry
    Tom

    December 27, 2015 at 8:28 am #557567
    Rikard

    Hi Tom,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 1160px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Thanks,
    Rikard

    December 29, 2015 at 4:18 pm #558129
    ideenstart

    Hi Rikard !

    Thanks!
    Perfekt solution replacing the main menu with the mobile menu on tablet. Works fine!

    Do you think there would also be the possibilty to keep the normal main menu right aligned by moving it a bit below – directly under the logo ?

    But this should be only for the tablet view :-)
    Desktop should stay as it is now.
    Mobile is fine with the mobile menu!
    Just moving the tablet menu a few pixels down so it fits under the logo ?!

    Thanks
    Tom

    • This reply was modified 8 years, 5 months ago by ideenstart. Reason: more detailed description ;-)
    December 29, 2015 at 4:38 pm #558140
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 1160px) and (min-width: 769px) {
.html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a {
    line-height: 180px;
}}

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

    And for the record, i personally think solution Rikard posted above is a better one :)

    Regards,
    Yigit

    December 29, 2015 at 5:01 pm #558162
    ideenstart

    Hi Yigit !

    THAT was fast ;-)
    I tried your solution and you are absolutely right – Rikards solution is the better one :-)
    But thanks for the fast help – sometimes I have to see and compare both solutions, to be sure, the decision is done well …

    Thanks!
    Tom

    PS – can be marked as closed…

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Problem Tablet Navigation’ is closed to new replies.