• 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

SPI Theme Site Title & Header Right Widget Alignment

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 › SPI Theme Site Title & Header Right Widget Alignment

This topic is: not resolved

Tagged: Smart Passive Income

  • This topic has 5 replies, 3 voices, and was last updated 9 years, 5 months ago by Victor Font.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 8, 2016 at 6:45 am #197251
    dave_s
    Participant

    Hi,

    My site title defaults to centre aligned. I've placed an image in the header right widget which is showing under the site title and not to the right of it.

    How do I get the site title to align to the left and the widget to the right as in the demo?

    It's on a local machine so can't link to it I'm afraid.

    Thanks

    December 8, 2016 at 8:11 am #197253
    William
    Member

    CSS my friend 🙂

    http://www.w3schools.com/cssref/pr_text_text-align.asp


    Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

    December 10, 2016 at 11:43 am #197403
    dave_s
    Participant

    On the demo it shows the site title on the left and the header right widget on the right.

    If the widget area, when used, is going to sit under the site title and be center aligned why's it called header right widget? (or am I missing something blindingly obvious 🙂 )

    Cheers

    December 10, 2016 at 1:32 pm #197407
    Victor Font
    Moderator

    If one of the two areas are too wide, header right will be pushed down. There's only so much room available in the site header. You have to adjust the widths in CSS.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 11, 2016 at 9:51 am #197423
    dave_s
    Participant

    Think I've figured out what's happening.

    On my 12" Macbook it's using the mobile responsive CSS which puts the site title & widget center aligned.

    On my work PC it shows as per the demo.

    Surprised it defaults to mobile responsive on a laptop. Would have thought it would only use this on things like iPads or phones?

    December 11, 2016 at 12:16 pm #197424
    Victor Font
    Moderator

    Mobile is determined by screen width in pixels, not by device.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

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