• 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

header widget

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 › header widget

This topic is: not resolved

Tagged: header widget

  • This topic has 1 reply, 1 voice, and was last updated 11 years, 3 months ago by Paula.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 3, 2014 at 1:15 am #126627
    Paula
    Member

    Hello,

    I use the Genesis sample template of my site http://www.tekstmodel.nl

    In the right head corner I use the header widget. I wanted the picture floating because I want it fall over the nav bar so I change the css a bit. This is what I use now:

    .site-header .widget-area {
    position: absolute;
    z-index: 99999;
    top: 1px;
    left: 880px;
    float: right;
    text-align: right;
    width: 400px;
    }

    I have just one problem and that is that the image is not always staying on the right site of the page. I use a 13inch screen and it is great. With bigger screens the image is going more to the middel (and I know why). On mobile device it is also not good.

    I am not a programmer at all. Who can give me advice that this image is always on the right.

    Thanks in advance!

    Paula

    http://www.tekstmodel.nl
    October 3, 2014 at 4:08 am #126649
    Paula
    Member

    Has this anything to do with this?

    Still I dont have a clou how to write it.

    .pull-right {
    float: right;

    Please help me!

    Paula

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 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

© 2026 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