• 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 logo and 'responsive slider' 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 › Header logo and 'responsive slider' not responsive

This topic is: not resolved

Tagged: header logo, mobile responsive, responsive slider

  • This topic has 10 replies, 2 voices, and was last updated 5 years, 6 months ago by Sridhar Katakam.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 4, 2017 at 11:57 am #208669
    aprylk
    Member

    Hello,

    I'm working on a child theme and the Header Logo and Genesis Responsive Slider are not actually responsive on my mobile.

    I'm working on a local host but i've got a demo at gettingovertwentwyfive.co.uk/twentyeight

    The logo image just doesn't show and the responsive slider is huge, can anyone help? I didn't think I had to use any code to make these responsive if I was using the genesis framework and coding guidelines.

    http://gettingovertwentyfive.co.uk/twentyeight
    July 4, 2017 at 6:57 pm #208679
    Sridhar Katakam
    Participant

    A fixed width of 1200px is currently set for .site-header and #genesis-responsive-slider in your theme's style.css. Get rid of these to fix the problem.


    Genesis Tutorials | Follow me on Twitter

    July 4, 2017 at 11:41 pm #208687
    aprylk
    Member

    Ah thank you!
    do i just remove width completely? or set it to 100%?
    I just need to make sure they both stay centered...

    July 5, 2017 at 3:51 am #208690
    Sridhar Katakam
    Participant

    Remove it completely for .site-header.

    Change it to max-width for #genesis-responsive-slider.


    Genesis Tutorials | Follow me on Twitter

    July 5, 2017 at 11:30 am #208708
    aprylk
    Member

    Thank you, it's worked perfectly for the slider.
    The logo is now showing - however it's oversized in the mobile view - any idea?
    I've changed the code on the local host, not the demo.

    July 5, 2017 at 6:37 pm #208736
    Sridhar Katakam
    Participant

    Try this:

    In style.css, for .header-image .site-title > a set background-size to contain !important.


    Genesis Tutorials | Follow me on Twitter

    July 6, 2017 at 1:23 pm #208789
    aprylk
    Member

    Thanks for your spam comment Bobby

    July 7, 2017 at 9:46 am #208822
    aprylk
    Member

    No that hasn't worked either - i've tried so many different ways to get the header to fit in a mobile screen and none if it is working. it works if it's just the site header and description, but the minute you upload a logo image, it stops being responsive

    July 7, 2017 at 7:41 pm #208838
    Sridhar Katakam
    Participant

    The fixed widths of 1200px are still present at https://gettingovertwentyfive.co.uk/twentyeight/. Can you update your demo site and let us know when done?


    Genesis Tutorials | Follow me on Twitter

    July 8, 2017 at 4:16 am #208841
    aprylk
    Member

    To be honest it's more effort than it's worth to reload the theme on the demo site, because you can't edit the code on there. but i'm happy to copy the CSS here:

    (Edited by moderator: Please don't add your entire stylesheet; it clogs up forum search results).

    July 9, 2017 at 3:23 pm #208890
    Sridhar Katakam
    Participant

    Unfortunately, for me to assist you I'd need either your website URL where you can make the suggested edits or access to your website that I can log into and make the changes myself.


    Genesis Tutorials | Follow me on Twitter

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

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