Possible bug found with Genesis 2.0 and headers

Community Forums Forums Design Tips and Tricks Possible bug found with Genesis 2.0 and headers

This topic is: not resolved

This topic contains 13 replies, has 5 voices, and was last updated by  webcami 1 year, 1 month ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #56396

    webcami
    Participant
    Post count: 52

    Hi,

    I think I just found a bug with 2.0. I have placed the following code in a few sites to have the header size change with the screen size:

    <style type=”text/css”>@media only screen and (max-width: 783px){ #header{ background-image:none!important; height:auto!important;min-height:0!important;width:100%; } #title-area{ background:url(imgurlhere)no-repeat center !important;background-size:contain!important;width:100%!important; } }@media only screen and (max-width: 495px){ #header{ background-image:none!important; height:auto!important;min-height:0!important;width:100%; } #title-area{imgurlhere)no-repeat center !important;background-size:contain!important;width:100%!important; } }@media only screen and (max-width: 335px){ #header{ background-image:none!important; height:auto!important;min-height:0!important;width:100%; } #title-area{ imgurlhere)no-repeat center !important;background-size:contain!important;width:100%!important; } }@media only screen and (max-width: 255px){ #header{ background-image:none!important; height:auto!important;min-height:0!important;width:100%; } #title-area{ background:url(imgurlhere)no-repeat center !important;background-size:contain!important;width:100%!important; } }</style>

    This has resulted in my header image sizing down as the screen sizes down. I place this in the Genesis theme settings under header and footer scripts. It has worked fine until I updated to the latest version – 2.0.

    The original header now appears BEHIND the new adjusted headers that appear to overlay. An example link is provided.

    • This topic was modified 1 year, 1 month ago by  Susan. Reason: Moved, because the post didn't below in Forum Feedback and Bugs
    • This topic was modified 1 year, 1 month ago by  Susan. Reason: Moved, because the post didn't below in Forum Feedback and Bugs
    http://westseattlewordpress.com/evolveu/
    #56413

    Susan
    Moderator
    Post count: 9010

    You can go ahead and submit a support ticket for that.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #56451

    billmcq
    Participant
    Post count: 29

    The div id’s changed in 2.0. for instance, #header changed to .site-header
    . This will help you compare the differences and change as you need!
    http://www.briangardner.com/code/genesis-html5-markup/

    #56570

    YippyMomma
    Participant
    Post count: 89
    #56579

    braddalton
    Participant
    Post count: 9909

    All CSS code and CSS modifications should be placed at the end of the child themes style.css file and not in the Genesis > Theme Settings > Header and Footer scripts which is used for Google Analytic’s tracking and live chat scripts. (javascript)

    Your header issue is caused by placing the CSS code in the wrong location.


    #56585

    billmcq
    Participant
    Post count: 29

    yes, Brad is right. I missed that in the original support post.. you need to edit style.css, NOT the theme settings area. That is not for style changes to the theme.
    thanks Brad.

    #56591

    webcami
    Participant
    Post count: 52

    Great. Thanks for you help. It’s good to have the link for what changed. I appreciate that.

    #56592

    webcami
    Participant
    Post count: 52

    http://www.briangardner.com/code/genesis-html5-markup/

    This link doesn’t work. Is there another?

    #56593

    webcami
    Participant
    Post count: 52

    The div id’s changed in 2.0. for instance, #header changed to .site-header
    . This will help you compare the differences and change as you need!

    http://www.briangardner.com/code/genesis-html5-markup/

    This link goes to a 404 page. Can you post the correct link? I’d really like to see the differences for future reference.

    #56594

    braddalton
    Participant
    Post count: 9909

    Learn how to add HTML5 markup and check out the new Genesis HTML5 markup.

    Before Entry

    XHTML Hook Location – HTML5 Hook Location

    genesis_before_post – genesis_before_entry

    Entry Header

    XHTML Hook Location – HTML5 Hook Location

    genesis_before_post_title – genesis_entry_header

    genesis_post_title – genesis_entry_header

    genesis_after_post_title – genesis_entry_header

    genesis_before_post_content – genesis_entry_header

    Entry Content

    XHTML Hook Location – HTML5 Hook Location

    genesis_post_content – genesis_entry_content

    Entry Footer

    XHTML Hook Location – HTML5 Hook Location

    genesis_after_post_content – genesis_entry_footer

    After Entry

    XHTML Hook Location – HTML5 Hook Location

    genesis_after_post – genesis_after_entry


    #56595

    webcami
    Participant
    Post count: 52

    Thanks a lot!

    #56596

    webcami
    Participant
    Post count: 52

    I still get this when clicking that link:
    Oops! Not Found, Error 404

    #56597

    braddalton
    Participant
    Post count: 9909

    Just added all the hooks to the above post.


    #56598

    webcami
    Participant
    Post count: 52

    Thanks.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.