Is there a way to change the logo size?

When I upload a custom logo, it seems like it sizes it to be 60px height. Is there a way to change this? This seems really small for my logo.

Comments

  • Hi,

    please send us link to page where you want to increase logo size and we will tell you how to do this.
  • edited January 2016
    I haven't made my site live yet, but I want to increase the logo size throughout the site. http://www.doulamamabaltimore.com
  • Please deactivate maintenance mode so we can have a look on it.
  • Also, unrelated to my original question, but every time I try to install Contact Form 7, it fails. If this is a required plugin, then can you point me to a solution? Or can I just use a different form plugin instead?
  • You still got maintenance mode active. In reference to CF7 plugin, if you have any problems with installation process, you need to contact with plugin's author because the problem might be between your server and plugin. We have no influence on such things unfortunately.
  • Sorry, how do I turn off maintenance mode? 

    I just changed the layout and the logo is bigger now (yay!); however, when I scroll down the page, it changes size. Is this supposed to happen? How do I turn this feature off?

    Thanks!
  • Maintenance mode can be deactivated under Theme options > Pages > Under Construction section.
  • Got it, thanks! You should be able to view it now. http://www.doulamamabaltimore.com What about the logo resizing when you scroll down the page? I assume this as well as the menu moving is supposed to happen? Is there a way to turn this off?
  • This happens with sticky header, is because of your custom css. We suggest to contact with person who is responsible for this because your custom css should be modified.
  • Hey Muffingroup,

    I made my logo bigger using the following  CSS command (#Top_bar #logo { height: 85px !important; }) 
    Because the logo was a bit small on the website. but now the menu went up is there a way to center the menu in the middle? 
    I looked for a way to do this using CSS but I can't find it.
    www.payrollforyou.nl
    thanks in advance

    Damian
  • @damianpijman You can move menu down with extra css:
    .header-plain #Top_bar .menu_wrapper { margin-top: 20px !important; }
  • I don't understand what you mean about it being about my custom CSS. What custom CSS? I added a couple lines maybe but none about the logo. Is the only way to turn this off to turn off sticky header entirely? Thanks for your help!
  • @lbkdesigns It's because of your custom css. Just remove it and you will see the difference.
  • I just removed the few lines of custom CSS I had added to the CSS file within the BeTheme Options, and the issue I'm talking about is still there. When I scroll down the page, the "sticky" logo changes size and becomes small, and the menu jumps from being centered to the right side of the page. Is there a way for the logo and menu to remain as is when sticky?
  • FYI, the following CSS styles were already there; I did not add them. Are they causing the issue?

    h2 { font-weight: 500; }
    h3 { font-weight: 300; }
    h4 { font-weight: 400; }
    h5 { font-weight: 400; }

    /* Top bar */
    #Top_bar { top: 30px; }
    #Top_bar .logo { text-align: center; float: none; margin: 0; }

    .header-overlay .overlay-menu-toggle { color: #000; }

    /* Subheader */
    #Subheader { padding: 170px 0 80px; }
    #Subheader:after { display: none; }
    #Subheader .title { font-weight: 300; }

    @media only screen and (max-width: 767px) {
    #Subheader { padding: 80px 0; }
    }

    /* Testimonials */
    .style-simple blockquote { font-size: 24px; font-style: normal; line-height: 35px; margin: 0; top: 0; }
    .testimonials_slider .testimonials_slider_ul li .hr_dots { display: none; }
  • This could be the reason. Just remove above css and then check.
  • Muffingroup thanks for the response!
    It worked! But there is an other problem now when I scroll the page. The menu sticks out of the menubar.

    is there a way to fix this? 

    thanks in advance

    Damian

  • And there is something else,  When i try to send an email using the contact form that comes with the website i get the following error message Failed to send your message. Please try later or contact the administrator by another method. Do you know why this happens? 


  • @damianpijman Please use the following css instead and sticky header should be fine:
    .header-plain #Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 20px !important; }
    In reference to 2nd question, like the messages says, you need to contact with your admin.
Sign In or Register to comment.