Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 4, 2015 at 3:34 pm #482753
    pablodemon

    Hey guys,

    I’m having some issues with the main navigation not adjusting automatically to the resolution of the screen and having part of the top manu overlaying with the Logo.

    Further, the logo does not display properly in iPad devices (seems to work in the iPad mini) and in mobile devices using Safari.

    I’ve added the link to the site in the ‘private content’.

    Under the Enfold Theme Options I have:

    -ticked the ‘Let logo and menu position adapt to browser window
    -chosen the ‘Activate for Smartphones and Tablets (browsers width below 990px)

    I’m sure you are already aware, but the dimensions of the iPad is 1024px (yes I know, portrait is 768px). Regardless, it doesn’t work properly.

    Pleas let me know what should i do.

    Cheers,

    August 4, 2015 at 4:09 pm #482779
    Yigit

    Hey pablodemon!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

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