Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #280972

    My site is fine at full width (Chrome or Firefox), but the Header Logo and thinner columns (1/4 or 1/5) don’t resize if the browser window is narrowed. I tried using the CSS code previously provided in messages #132501 and #132506 but that doesn’t help.

    I was alerted to this by a friend who has a monitor with a different resolution, but then saw the problem when I played with the window on my own computer. Is there a solution to this, other than shrinking the font sizes of the elements in question?

    Shouldn’t the responsive code handle this?

    #280973
    This reply has been marked as private.
    #281118

    Hey!

    Please check the server configuration – I get these errors when I try to view the website:

    
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/plugins/easy-twitter-feed-widget/easy-twitter-feed-widget.css?ver=3.9.1
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/uploads/2013/04/JohnTarnoffBRCLogoFont-Bitter-c90000RED.png
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/uploads/2014/06/Clare-Novak-36x36.jpg
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/themes/enfold/js/avia-compat.js?ver=2
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/uploads/2013/04/JohnTarnoffBRCLogoFont-Bitter-c90000RED.png
    Failed to load resource: the server responded with a status of 520 (Origin Error) http://johntarnoff.com/wp-content/uploads/2014/06/Clare-Novak-36x36.jpg
    
    

    These errors affect the logo which doesn’t display at all etc. and also the theme because the avia-compat.js file is essential.

    Best regards,
    Peter

    #281367

    Thanks for the reply.

    Please help me understand this, as I am seeing the website perfectly well, except for the resizing/overlapping issue.

    I am using Cloudflare, and in doing quick search on “520 errors” I notice that there is a potential issue between Cloudflare and my server config.

    How do I find/pull the error log to submit to Cloudflare? Or is this something different that I can fix on my own – or through my web host?

    thanks!

    #281802
    This reply has been marked as private.
    #281957

    Hey!

    Thank you for the update.

    I’m not seeing the errors Dude describe on his earlier post. Did you fix it ?

    Regarding the logo, please go to Enfold > Header Layout > Mobile Menu. Look for the Header Mobile Menu activation setting then choose the second option to force the mobile menu to show on screens lesser than 990px. Add this on Quick CSS or custom.css to resize the logo and prevent the menu overlap.

    @media only screen and (max-width: 1140px) { 
    .logo a img {
    max-height: 80px !important;
    }
    }

    Please post the actual page with column issues.

    Regards,
    Ismael

    #282019

    Thanks! I think that’s fixed it in terms of the Logo/Header.

    On the columns, I’ve just reduced font size and can live with that.

    Onwards!

    #282077

    Hey!

    Glad it works. If you still have questions, let us know. :)

    Best regards,
    Ismael

    #283726
    This reply has been marked as private.
    #283772

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 85%;
    height: auto !important; }}

    Best regards,
    Yigit

    #283801

    Thanks Master! Works perfectly.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Header Logo + Columns Don't Resize in Browser’ is closed to new replies.