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

Responsive logo to screen size

Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Responsive logo to screen size

Tagged: header, logo, responsive

  • This topic has 3 replies, 3 voices, and was last updated 11 years, 7 months ago by livemesh.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 7, 2013 at 7:48 pm #2062
    Segmant
    Member

    Hi Livemesh, me again!!

    I think this is my last stumbling block, I design on a 27″ iMac but now am testing on other devices and the custom logo ive used takes over the smaller screen sizes.
    Is there a way i can make the custom logo i’ve used responsive to the different screen resolutions? I’ve used custom CSS in the header file for the logo, not the theme options.

    On a 13″ macbook the header takes over half the page, same with the iPad and other similar sized tablets. Can i get the CSS to swap the image depending on the device or resize it?

    Thanks

    Chris

    October 8, 2013 at 5:22 am #2067
    Veena
    Moderator

    Pls send me the site URL, so that I can take a look and send you the solution for this.
    Thanks!

    October 8, 2013 at 6:51 am #2070
    Segmant
    Member

    Hi Pheonix

    Site is currently in testing stage on my own dev site, http://segmant.co.uk/springparc/

    Thanks

    Chris

    October 8, 2013 at 10:06 am #2080
    livemesh
    Keymaster

    Hi Chris,

    When I resize my browser, I see that the logo size is changing appropriately. But if you want to insert any of your custom responsive behavior for logo then here is the template to do that

    /* -------------------- Responsive behavior styling ---------------------- */
    
    @media only screen and (max-width : 1024px) {
    	
    	/*Below is the template. Replace with your styles */
    	.myDiv { mystyle: value; } 
        
        }
    
    @media only screen and (max-width: 767px) {
    
        }
    
    @media only screen and (max-width: 479px) {
    
        }

    Please put the code in the “Custom CSS” tab of the theme options. Thanks!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Extinct 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