Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Custom Logo

Hi there,
  1. The custom logo I set has a width of 360px. This poses as a problem when I view the site on smaller screens. The logo doesn't shrink responsively. How can I resolve this?
  2. Is it possible to use media queries to call out different sized custom logos for different screen sizes? 
Thanks!

Comments

  • Please sign in to see answear!
  • edited October 2014
    1. http:// ;

    2. I tried to hide the original custom logo, but realized that if I were to introduce a new class or id, I will have to find a way to insert that into pages where the custom logo styles were originally used. I have no idea.. it's more complicated than I had imagined.. 

    Basically, the custom logo goes haywire when the screen size goes below 768px, as well as below 479px, when viewed in Firefox and IE. It seemed auto-resize on Chrome. What's the best solution for this?

    @media only screen and (min-width: 480px) and (max-width: 768px) {
    #Top_bar .logo, #Top_bar .logo h1, #Top_bar .logo:not(.text-logo) h1, #Top_bar #logo {display:none;}
    }

    @media only screen and (max-width: 479px) {
    }

    3. Is it possible to increase size of logo in sticky header - to say, double it's current size?

    4. Side-track: Can we add captions within the article gallery lightbox?
  • Please sign in to see answear!
  • The codes worked! Thanks a lot for your help! 
Sign In or Register to comment.