Livemesh Support

Support forum for WordPress Themes and Plugins by LiveMesh

Skip to content
  • Support Forums
  • Knowledge Base – FAQ
  • Inbox
  • Register for Support
  • Login
  • Logout
  • Password Reset
  • Account
  • User

2 Issues

Support Forums for LiveMesh Themes & Plugins › Forums › Enigmatic Theme Support › 2 Issues

Tagged: ipad, logo, responsive, sticky menu

  • This topic has 1 reply, 2 voices, and was last updated 11 years, 10 months ago by livemesh.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 16, 2013 at 2:04 pm #1133
    melvinneo
    Member

    Hey,

    I’m referring to the Enigmatic HTML theme.

    Firstly, on the iPad, the menu on the right eats into the logo. Even your demo site has this problem.

    Secondly, the sticky menu doesn’t work on iPad when it’s on portrait mode. It works on landscape mode.

    Please help. Thanks.

    July 19, 2013 at 1:37 pm #1174
    livemesh
    Keymaster

    The sticky menu is disabled for smaller screens due to the space they occupy and you can navigate to the top quickly in iPad/iPhone by touching the top bar of the browser window. You can tweak this behavior a bit by modifying the code in main.js at line number 51 –

    $(window).scroll(function () {
            ......
            /* show sticky menu after screen has scrolled down 200px from the top in desktop and big size tablets only */
            if (width > 768 && (yPos > 200)) {
                $("#sticky-menu-area-wrap").fadeIn();
            } .....
        });
    

    Changing the value 768 above to a lower value should help.

    For menu overlapping with logo, it’s a little bit involved due to menu item highlighting that is involved. Pls see if this works for you –

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    
    #primary-menu > ul.menu > li:hover, #primary-menu > ul.menu > li.sfHover { background-color: transparent; }
    
    #primary-menu > ul.menu > li.current-menu-ancestor, #primary-menu > ul.menu > li.current-menu-item { border-bottom: 4px solid #46A5D5;
    border-top: none; }
    
    #primary-menu { position: relative; float: right;}
    #header-logo { position: relative; }
    
    }
    

    You can vary the numbers in the screen width numbers above to suit your requirement. You can paste this into custom/custom.css file.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Enigmatic Theme Support’ is closed to new topics and replies.

Our Themes

Tags

  • agile
  • appdev
  • austin
  • blog
  • contact form
  • css
  • demo
  • error
  • extinct
  • font
  • fonts
  • footer
  • gallery
  • header
  • home page
  • icons
  • images
  • install
  • installation
  • invent
  • lightbox
  • logo
  • menu
  • mobile
  • navigation
  • page sections
  • peak
  • portfolio
  • primary menu
  • responsive
  • revolution slider
  • setup
  • shortcode
  • shortcodes
  • sidebar
  • slider
  • social icons
  • tabs
  • testimonials
  • theme
  • update
  • video
  • visual composer
  • widget
  • woocommerce
Proudly powered by WordPress