size of headerlogo

0
I'm trying to change the logo size. But i dont want lose the "responsive" function.

For Example - on my website you can see the picture with a very big size - and a very
bad quality. And i would change the picture in smaller size for a very better quality and
a better look for the picture - actually, you can see its a little bit to big ;).

I think i have found the right lines in the css code - am i right? Its on line 8400


.tm-header {
position: relative;
background-color: #102020;
background: url("../images/background/background.jpg") center 10% no-repeat;
-webkit-background-size: cover;
background-size: cover;
}



So how i can do that? Sry for my very bad english :(

my Website: http://baustelle2.alexpictures.at/
Responses (5)
  • Accepted Answer

    Thursday, August 20 2015, 08:24 PM - #Permalink
    0
    Hello AlexanderBK,
    I've opened a link that you've afforded and don't see any logo there. As for second part of your question: do you need to get optimal resolution for your background image or something else? Please provide more details about your request. Thanks.
    Like
    The reply is currently minimized Show
  • Accepted Answer

    Monday, August 24 2015, 09:05 AM - #Permalink
    0
    Oh, im so sry for the missing informations

    Hm, i dont know why you canĀ“t see the logo. In the screen you can see, the logo is available (maybe only firefox). Maybe i have changed the logo wrong.

    Can you tell me the optimal resolution? Maybe its the solution of my problem. Actually i would change the logo size
    itself but you can see, that works not how i want. The picture should be have the size and look like "background.jpg".

    Also the logo must have the look like the current template (for this example i has changed to "Protostar"). In this template
    i can write in the css file "max-width: 100%" and you can see how looks the logo now.

    http://baustelle2.alexpictures.at/
    The reply is currently minimized Show
  • Accepted Answer

    Monday, August 24 2015, 09:27 AM - #Permalink
    0
    Hi AlexanderBK,
    Well, what you have described above means you're talking about BACKGROUND in header, not about logo.

    As for background resolution - youdon't need to change anything in CSS to keep it responsive, just replace image with correct resolution.
    In our demo it is 1140x635 pixels. You can try to make image with the same resolution and replace it on your site.
    Like
    The reply is currently minimized Show
  • Accepted Answer

    Friday, September 25 2015, 08:39 PM - #Permalink
    0
    alright i has tried, but with this size (with a smaller too) i have the problem again.

    on my new testwebsite you can see the picture with the size 800x445: http://baustelle2.alexpictures.at/index.php/neuer-menueeintrag
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, October 01 2015, 09:41 AM - #Permalink
    0
    Hello,
    As I recommended below, create your background image with 1140x635 pixels resolution (how it works on template demo) or make experiments with another size.
    The reply is currently minimized Show
Your Reply