• 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

Beautiful Pro Header not responsive

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 › Beautiful Pro Header not responsive

This topic is: resolved

Tagged: beautiful pro, header, responsive

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 10 months ago by pixiegrl.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 28, 2015 at 12:39 pm #163920
    pixiegrl
    Member

    I know Beautiful Pro is supposed to be responsive, but the header when viewed on mobile is very small. Looks great on a laptop, but horrible anywhere else. Help!

    http://www.mamamouse.com
    August 28, 2015 at 6:12 pm #163952
    Victor Font
    Moderator

    The responsive is working correctly. The issue is that your image has way too much white space on either end. The image is 1200px wide. You have the background size set to contain. This forces the entire image to fit in the allocated space. You need to crop your image so you don't have so much white space around the actual image content. If you crop it, you'll be able to get it down to 566px. It will look much better in responsive.


    Regards,

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

    August 29, 2015 at 4:29 pm #164014
    pixiegrl
    Member

    Thank you!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Beautiful Pro Header not responsive’ is closed to new 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