Navigation
Archive / SVG Logo Not Responsive?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 19, 2016 at 12:43 pm #1181793
    ashleyswanson427
    Participant

    Hello,

    I’m using an SVG file for my logo and I’m noticing that it’s not responsive. I’d love for the the logo to scale as the image window expands and shrinks. The problem I’m facing is that it knocks my menu down a line because the logo isn’t shrinking with the width of the window. Is this something that can be fixed?

    You can see it in my screen shot and at http://irish-realty.com

    September 19, 2016 at 12:45 pm #1181799
    ashleyswanson427
    Participant

    screen shot, attached:

    September 19, 2016 at 1:07 pm #1181844
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 960px) and (max-width: 1110px) {
.x-brand img {
  width: 250px;
  margin-top: 15px;
}
}

    Hope this helps.

    Cheers!

    September 19, 2016 at 1:40 pm #1181896
    ashleyswanson427
    Participant

    Thanks! Should i set my superfly menu to pick up at 960 then? This code made me lose the menu entirely at that breakpoint. Superfly is set only for mobile viewing right now.

    September 19, 2016 at 3:07 pm #1182027
    Nabeel A
    Moderator

    Hi there,

    Yes try changing the Superfly break-point.

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1181793 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>