Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 18, 2019 at 10:14 pm #1167528
    drewfr

    Hi – I have a strange thing that happened with a Website.

    I had a full-width logo /header that was functioning just fine, and somehow it reverted to a default-sized header., where my full-width graphic is being truncated. See http://www.amigs.com. No matter what I do with CSS, either in Quick CSS or in the style.css file in my child theme, I’m not able to affect header width.

    Here’s the CSS I was using – that no longer seems to work. Thank you for your prompt help.

    /*FULL WIDTH LOGO AND DIFFERENT SHRINKING LOGO*/
    .container.av-logo-container {
    padding: 0!important;
    }
    .logo img {
    width: 100%;
    }

    .header-scrolled .logo a img {
    visibility: hidden;
    }
    .header-scrolled .logo a {
    background: url(https://box5391.temp.domains/~amigscom/wp-content/uploads/2019/08/AMIGS-MINI-LOGO300.jpg) no-repeat;
    }

    .header-scrolled {
    min-height: 40px!important;
    }

    December 19, 2019 at 8:34 pm #1167911
    Victoria

    Hey drewfr,

    https://share.getcloudapp.com/6quLPQ2J The logo image file used is the cut logo 180px, did you change the logo? Please reupload the propper logo file.

    Best regards,
    Victoria

    December 20, 2019 at 7:47 pm #1168290
    drewfr

    Hi Victoria,

    Thank you so much for looking into this. The banner logo I uploaded is somehow getting cropped… I re-uploaded it. Screenshot here… https://photos.app.goo.gl/Qs3WDbnJjhm5W9VJ8 – as you can see, size is 1130×119.

    Can you think of why the image is being cropped?

    Thank you,
    Drew

    December 24, 2019 at 1:16 am #1168839
    drewfr

    Hi – could one of the Enfold moderators please help on this?

    Per the earlier part of the thread – this site was working fine and suddenly
    the full-width banner got funky. Any help troubleshooting is much appreciated.
    I included an Admin login in the private message area.
    Thank you,
    Drew

    December 24, 2019 at 1:31 am #1168840
    Yigit

    Hi Drew,

    Sorry for the late reply!

    I added following code to bottom of Quick CSS field 

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.html_header_top #top .av_header_stretch .container { 
   width: 100%;
}

    Please review your website :)

    Best regards,
    Yigit

    December 24, 2019 at 1:39 am #1168841
    Bari_Kriependorf

    Hello- I am new to Enfold and have attempted to make my first site. It’s coming out pretty good but having issues with the logo header.
    I have tried everything to get a larger logo in the header but it only lets me post 180×180- my business logo is not a square- please see my old site logo for what i need is there a way to customize the logo area to give me the right size?
    Join Us for Our Inaugural Fundraiser!

    thank you for your help! I can send private message to admin as well
    my new site is yfrfoundation.com- i have put one of my other logos in there for now

    Thanks so much!

    Bari
    `

    December 24, 2019 at 1:46 am #1168842
    drewfr

    Thank you Yigit!!! That’s fantastic to have it working again.

    December 24, 2019 at 7:28 am #1168866
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full-Width Logo / Header Troubles’ is closed to new replies.