Title: Responsive logo
Last modified: September 13, 2018

---

# Responsive logo

 *  Resolved [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/responsive-logo-10/)
 * Hey!
 * I’ve some trouble with the mobile version of my site.
 * I was able to fix the problem that the slider was not responsive.
 * Now I am looking for a solution to make the logo image responsive, too (no logo
   shown at the moment).
 * It should also not collide with the “burger-menu” lines in mobile use.
 * Can you provide any help?
 * Many thanks in advance!
 * Kind regards
    Mid
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-logo-10%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Theme Author [themevision](https://wordpress.org/support/users/themevision/)
 * (@themevision)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10684490)
 * Hello, [@0midgard0](https://wordpress.org/support/users/0midgard0/)!
 * Please, insert the logo image, so that I can see the problem.
 * Thanks
 *  [fland9](https://wordpress.org/support/users/fland9/)
 * (@fland9)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10691173)
 * Hello 0midgard0,
    I have same trouble with the slider which is not responsive.
   Can you tell me how did you fix the problem ?
 * Thanks
 *  Thread Starter [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10720308)
 * Hello [@themevision](https://wordpress.org/support/users/themevision/)
 * Sorry for my late reply, I was on vacation.
 * I will replace the text with the logo in a few minutes.
 * Thank you!
 * Kind regards
 * [@fland9](https://wordpress.org/support/users/fland9/)
 * Add this code to the Additional CSS:
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   1200px){
    .camera_wrap{ height:400px!important; }} [@media](https://wordpress.org/support/users/media/)
   only screen and (max-width: 920px){ .camera_wrap{ height:300px!important; }} 
   [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   600px){ .camera_wrap{ height:200px!important; }} .camera_wrap img{ width:100%!
   important; height:auto!important; margin:0!important; top: 50%; transform: translateY(-
   50%); }
 *  Theme Author [themevision](https://wordpress.org/support/users/themevision/)
 * (@themevision)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10720610)
 * Hello, [@0midgard0](https://wordpress.org/support/users/0midgard0/)!
 * Add this code to the Additional CSS:
 *     ```
       #masthead .logo {
           width: 100%!important;
       }
       @media only screen and (max-width: 992px) {
           #masthead .logo {
           width: 90%!important;
       }
       }
       ```
   
 * Regards
 *  Thread Starter [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10720722)
 * Hello, [@themevision](https://wordpress.org/support/users/themevision/) !
 * Thank you so much, works perfectly! 🙂
 *  Thread Starter [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10720776)
 * Hi [@themevision](https://wordpress.org/support/users/themevision/) !
 * Sorry, but there is still a small problem with the mobile version now.
 * The “Burger Menu” (3 stripes) now collides with the logo.
 * I tried a margin for the logo but that doesnt work. Any solutions?
 * Thank you so much!
 *  Theme Author [themevision](https://wordpress.org/support/users/themevision/)
 * (@themevision)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10724458)
 * Hello,@0midgard0!
    Insert additionally following CSS code:
 *     ```
       @media screen and (max-width: 992px){
           .site-header hgroup {
           text-align: left!important;
         }
           #masthead .logo {
            width: 80% !important;
         }
          .mobile-menu-toggle{
            padding-top:0px!important;
         }
       }
       ```
   
 * Regards
 *  Thread Starter [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10724538)
 * Awesome! Thank you so much! 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Responsive logo’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/agama/1.7.2/screenshot.png)
 * Agama
 * [Support Threads](https://wordpress.org/support/theme/agama/)
 * [Active Topics](https://wordpress.org/support/theme/agama/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/agama/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/agama/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/responsive-logo-10/#post-10724538)
 * Status: resolved