Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 19, 2014 at 5:09 am #280972
    John

    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?

    June 19, 2014 at 5:10 am #280973
    John
    This reply has been marked as private.
    June 19, 2014 at 10:54 am #281118
    Dude

    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

    June 19, 2014 at 9:09 pm #281367
    John

    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!

    June 20, 2014 at 9:54 pm #281802
    John
    This reply has been marked as private.
    June 21, 2014 at 10:37 am #281957
    Ismael

    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

    June 21, 2014 at 7:51 pm #282019
    John

    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!

    June 22, 2014 at 6:05 am #282077
    Ismael

    Hey!

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

    Best regards,
    Ismael

    June 25, 2014 at 7:39 pm #283726
    aldileo
    This reply has been marked as private.
    June 25, 2014 at 9:53 pm #283772
    Yigit

    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

    June 25, 2014 at 10:41 pm #283801
    aldileo

    Thanks Master! Works perfectly.

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