make my logo banner fixed (not responsive) past a certain size?

  • Resolved krystal990207

    (@krystal990207)


    9 years, 3 months ago

    Hello! I am loving this theme, but every update it seems I’ve got little bugs I need to fix w my site, https://www.RethinkBirth.com. I’m on a 24″ monitor, and my logo banner looks ridiculously stretched out – it’s too wide. However, I’ve asked around, and those who are on smaller screens and mobile devices have no issue. I want to fix it by making the logo banner FIXED rather than responsive past, say, an 800px wide screen–? Can you tell me how to do that, please? Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Styled Themes

    (@gejay)

    Hi There,

    Sorry for the late reply. Have you got the solution of your issue? If not then please let us know because we didn’t find any issue in your site.

    Thanks

    tgd

    (@terrydaisydesignsca)

    You can do that with some simple CSS, if you’re using a child theme, or if this theme has the ability to add custom CSS in the theme customizer.
    Your logo image has a fixed max-height of 250px, but a max-width of 100%, so on screens above 900px, the height will stay at 250px, but the width will continue to stretch. To fix it, you would be best off changing the max width to 879px. .logo img {max-height: 250px; max-width: 879px;}

    Thread Starter krystal990207

    (@krystal990207)

    Yes, that fixed it – thanks a bunch, tgd!

    tgd

    (@terrydaisydesignsca)

    krystal990207, my pleasure.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘make my logo banner fixed (not responsive) past a certain size?’ is closed to new replies.