• 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

Swank footers not responsive on mobile

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 › Swank footers not responsive on mobile

This topic is: resolved

Tagged: media query, stylesheet, Swank footer

  • This topic has 6 replies, 4 voices, and was last updated 7 years, 8 months ago by Susan.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 30, 2015 at 11:45 am #157955
    webcami
    Participant

    My footer is still side by side on my phone on this mock up I'm working on for a client. Anyone else having this issue with Swank?

    The demo shows them stacking on mobile (footer 1 above footer 2)

    Anyway to fix it? Help is greatly appreciated!

    http://westseattlewordpress.com/lifespace/
    June 30, 2015 at 12:56 pm #157961
    Davinder Singh Kainth
    Member

    In the following code in style.css file

    @media only screen and (max-width: 320px) {

    Change 320px to 520px or 650px (as in original swank theme)


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    June 30, 2015 at 1:00 pm #157962
    Tom
    Participant

    Hi,

    You seem to be missing the entire media query for 650px, including this:

    .footer-widgets-1, .footer-widgets-2 {
            width: 100%;
    }

    .... Did you know that your site domain name violates the WordPress trademark?

    https://wordpress.org/about/domains/
    http://wordpressfoundation.org/trademark-policy/

    They're getting much more serious about this:
    http://domainnamewire.com/2015/06/19/wordpress-foundation-sues-owner-of-wordpress-domain-names/

    Please show your support by using a compliant domain name.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    June 30, 2015 at 2:22 pm #157969
    webcami
    Participant

    Tom, I'm not using the site domain as a public site. It's hidden from search and only used for client mock ups. There is no site there.

    Thanks for the info on the media queries. I didn't edit them at all. Could this be a glitch?

    June 30, 2015 at 3:20 pm #157974
    Tom
    Participant

    The stylesheet is entirely under your control. I can't see something <?> randomly and cleanly cutting that entire media query section from the stylesheet, apparently leaving everything else intact.

    In the original stylesheet the 520px media query is awkwardly (for max-width queries) placed after the 650px query; perhaps you were attempting to correct this?


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    June 30, 2015 at 3:22 pm #157976
    webcami
    Participant

    Oh, yes. Just put that in for a first try. Going to compare the original swank files to the November updated theme and see what changed.

    Thanks for your help!

    June 30, 2015 at 3:25 pm #157977
    Susan
    Moderator

    Anyway to fix it? Help is greatly appreciated!

    Yes - there is a fix in the Pretty Darn Cute Design Support forum. See this post in the Swank forum (link)

    ~ Susan
    Pretty Darn Cute Design Support Admin

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Swank footers not responsive on mobile’ 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

© 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