• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Height of Header Unstable in Prose Theme…No One hears…Plz Help

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Height of Header Unstable in Prose Theme…No One hears…Plz Help

This topic is: not resolved

Tagged: Ad Code in Post, header widget, Logo, Prose

  • This topic has 11 replies, 2 voices, and was last updated 12 years, 6 months ago by L00koutM0re.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 24, 2013 at 3:52 am #42424
    L00koutM0re
    Member

    Hi,

    I recently started couple of threads including the following ( #41876, #41142) but unlike past no one from the admin paid attention.

    I am facing two issues with my Prose theme

    1. I increased the width of Header Widget to '728' from Genesis >> Design Setting >> Header and also reduced the header width to '200' but instead of doing it seamlessly, it increases the height of Header area undesirably giving a bad look. What option should i change to fix it?
    2. I want to left align the 300x200 ad code in the first paragraph of my post, what code does the job? Someone told me the following code but it doesn't work. Instead it de-shape and left align the entire content of the post creating a big white column in the post.

    <div style="float:left;"> you ad code here </div>

    http://www.outlookpakistan.com
    May 24, 2013 at 4:14 am #42426
    Jan Ruehling
    Member

    Hello,

    I just wanted to help but your domain http://www.outlookpakistan.com/ gives me a 500 error ... bigger problems? 🙂

    Let me know when it is online again and when I can help you out.

    May 24, 2013 at 4:27 am #42427
    L00koutM0re
    Member

    Thank you Jan....i have checked, the site is working ok now. you can also try, http://www.moremag.pk if http://www.outlookpakistan.com is not working on your site because i eventually want to do this on moremag.pk.

    May 24, 2013 at 4:40 am #42434
    L00koutM0re
    Member

    Jan...i think there was some issue with the site as i had reduced the header width. Can you please check again the first site?

    May 24, 2013 at 4:42 am #42435
    Jan Ruehling
    Member

    It is online for me again ...

    So what exactly do you want to achieve?

    May 24, 2013 at 5:01 am #42439
    L00koutM0re
    Member

    Can you help me with the above two points i mentioned.

    1. I want my 200 pixel logo in width to remain on the left side of the header and a banner of 728 x 90 pixels to be on the right side. With the height of the Header not more than 90 pixels.
    2. I want to put an add in the post, having it left or right aligned in the first paragraph of the post.

    I will appreciate your response

     

     

    May 24, 2013 at 5:08 am #42441
    Jan Ruehling
    Member

    Ok ... your stylesheet is minified so I can't give you line numbers ... and I hope you work in a child theme anyway ... you do .. don't you 😀

    1. Your #header has a max-width of 200px right now ... remove that ...

    2. Add "float: left" to the header ...

    Could you leave the site online while I am looking please ...

    May 24, 2013 at 5:34 am #42443
    L00koutM0re
    Member

    Actually i am not doing anything...my host is giving me tough time:) ok. i have disabled the WT3 plugin for a while so you could see CSS without minify.

    Please let me know if you can access it easily?

    May 24, 2013 at 5:36 am #42444
    L00koutM0re
    Member

    Oh yes, i am using child theme (Prose).

    May 24, 2013 at 7:15 am #42460
    L00koutM0re
    Member

    I added 'float: left;' to the header, it brought back the height to normal but....it put half of the flash banner behind the secondary navigation bar.

    May 24, 2013 at 7:33 am #42461
    Jan Ruehling
    Member

    Hey ...

    sorry, just had "Siesta" ...

    this is a really "hacky" solution now but since you already seems to have custom coded a LOT ... it should work:

    Add this:

    #header  .widget-area {

    width: 710px;

    float: right;

    margin-top: -40px;

    }

    and be sure to test the heck out of it in different browsers 🙂

    May 24, 2013 at 9:03 am #42476
    L00koutM0re
    Member

    Thanks Jan...it really worked. But instead of doing 'margin-top: -40px;' i did it '0' and it worked.

    And what should i do about aligning the ad code in post?...the number 2 problem?

     

     

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble