Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 7, 2015 at 12:53 am #531693
    noccomcl

    Aloha!

    Wondering if I can enlist your help – so we are putting a persistent custom header on our enfold-based website, but no matter how nice we style something in jsfiddle and put it within the header, something within the header crushes the usable width to really small within the header, cramping all the styling when in reality the browser size could be about 1290 pixels wide and larger. I will include some links for what we are trying to do, and what it really looks like. Any advice on getting that header to accept a full width widget?

    Thank you in advance

    Veronica

    • This topic was modified 9 years ago by noccomcl. Reason: the information i removed distracted from the point
    November 7, 2015 at 4:15 pm #531879
    Elliott

    Hi noccomcl!

    It looks like you need a lot of CSS work. But to answer your question the reason it’s displaying off the side of the page is because of your CSS.

    #search-container2 {
    width: 110%;
    margin: 0;
    background: repeat-x 0 top #DFDBD2;
    clear: both;
    position: relative;
    top: 3.7em;
    padding-top: 9px;
    padding-left: 15%;
    padding-bottom: .5em;
    left: -5%;
    height: 95px;
}

    You can see the left property is set to -5%.

    It would be best to style it as it displays on your site and not within jsfiddle.

    Regards,
    Elliott

    • This reply was modified 9 years ago by Elliott.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.