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 in mobile

Support Forums for LiveMesh Themes & Plugins › Forums › Enigmatic Theme Support › Logo in mobile

Tagged: logo, mobile

  • This topic has 3 replies, 2 voices, and was last updated 11 years, 12 months ago by livemesh.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2013 at 7:13 pm #816
    tirano
    Member

    Hello, please I need help with a situation when I open the site via mobile iPhone or Android logo is not responsive, it remains large (the same size from the desktop) and misconfigured to the left side instead of staying centered, staying on top of the menu it impossible to access the menu … could help me please? thank you

    May 25, 2013 at 4:22 am #819
    livemesh
    Keymaster

    Will loading a different logo (perhaps something resized from the original in photoshop or other tool) work for you instead of resizing the existing one with CSS? Here is how to do it the easy way by inserting this code in the Custom CSS tab of the options panel –

    @media only screen and (max-width: 479px) {
    #site-title a { background-image: url("http://example.com/wp-content/uploads/2013/02/mobile-logo.png")  !important;}
    }
    

    For tablets –

    @media only screen and (max-width: 767px) {
    #site-title a { background-image: url("http://example.com/wp-content/uploads/2013/02/tablet-logo.png")  !important;}
    }
    
    May 27, 2013 at 3:23 pm #822
    tirano
    Member

    Hello thanks for the reply … sorry I did not understand completely, I go up a logo with smaller size and insert the URL among this code and insert it in the theme options panel? My current logo has 272 x 100 pixels, what is the ideal size to fit perfectly mobile and tablet?
    thank you

    May 28, 2013 at 5:57 pm #826
    livemesh
    Keymaster

    Yes right – you just replace the url above with the one for your image. Insert the code into Custom CSS tab in options panel. Thanks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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