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

Logo issues when window is resized – responsive function

Support Forums for LiveMesh Themes & Plugins › Forums › Enigmatic Theme Support › Logo issues when window is resized – responsive function

Tagged: logo, responsive

  • This topic has 0 replies, 1 voice, and was last updated 11 years, 10 months ago by livemesh.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • July 20, 2013 at 6:19 pm #1182
    livemesh
    Keymaster

    Some are having trouble with the logo when the logo image is a little wider than the theme expects (not your mistake) and I will get the theme fixed soon to handle such situations. Meanwhile, you can paste the below code into Custom CSS panel in theme options and see if this helps –

    #header-logo { width: auto; }
    #sticky-site-title { width: 350px; /* pls change to your logo image  width */}
    
    /* Make the menu slide down and manage menu item highlighting when the screen size decreases */
    @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; }
    
    }
    
    @media only screen and (max-width: 479px) {
    	background-size: 220px auto; /* Make the logo smaller in lower resolutions - pls increase or descrease the size to suit your logo image dimensions */
    }
    

    Though it looks otherwise, there is not much happening here except managing the logo when the screen size gets smaller. It’s a little more involved than usual since highlighting of the menu items is involved. No worries, the next update should take care of these issues and some of the above code will go into theme framework for everyone and the rest will go into theme options. Thanks!

  • Author
    Posts
Viewing 1 post (of 1 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