Responsive logo

  • Resolved 0midgard0

    (@0midgard0)


    7 years, 8 months ago

    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 to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author themevision

    (@themevision)

    7 years, 8 months ago

    Hello, @0midgard0!

    Please, insert the logo image, so that I can see the problem.

    Thanks

    fland9

    (@fland9)

    7 years, 8 months ago

    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

    (@0midgard0)

    7 years, 7 months ago

    Hello @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

    Add this code to the Additional CSS:

    @media only screen and (max-width: 1200px){
    .camera_wrap{
    height:400px!important;
    }}
    @media only screen and (max-width: 920px){
    .camera_wrap{
    height:300px!important;
    }}
    @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

    (@themevision)

    7 years, 7 months ago

    Hello, @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

    (@0midgard0)

    7 years, 7 months ago

    Hello, @themevision !

    Thank you so much, works perfectly! 🙂

    Thread Starter 0midgard0

    (@0midgard0)

    7 years, 7 months ago

    Hi @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

    (@themevision)

    7 years, 7 months ago

    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

    (@0midgard0)

    7 years, 7 months ago

    Awesome! Thank you so much! 🙂

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

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