StudioPress

Forum navigation

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

Responsiveness of Sample Theme

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.

Community Forums › Forums › Archived Forums › General Discussion › Responsiveness of Sample Theme

This topic is: resolved

Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 28, 2017 at 11:11 am #214898
    eknight74
    Member

    I am using the sample theme and have a widget at the top of my page for subscriptions. However, it isn't responsive in that when the browser is made smaller on a desktop or it is viewed on a mobile device, the widget is displayed over the top of the header. What is the best way to fix this.

    Thanks in advance.

    http://emilybknight.com
    December 29, 2017 at 8:20 am #214923
    Victor Font
    Moderator

    Responsive CSS is contained in the style sheet's media queries. You need to use your browser's built-in inspector and mobile device simulator to examine the CSS that requires changing and adjust the media queries as needed.

    Regards,

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

    January 3, 2018 at 10:42 am #215059
    eknight74
    Member

    @media queries are above my level of knowledge. I know how to inspect for mobile responsiveness and I can see the @media queries but I don't know enough about them to make changes. Could you point me in the direction of a resource that could help me. Thanks in advance.

    January 3, 2018 at 1:44 pm #215066
    Victor Font
    Moderator

    The resource you need is your browsers built-in development tool. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

    Media queries are just plain and simple CSS that are executed at specific screen sizes. If you know any CSS, they are not beyond your skill set.

    Regards,

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

    March 1, 2018 at 11:06 am #217179
    eknight74
    Member

    Thanks Victor. I got it done. 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Responsiveness of Sample Theme’ is closed to new replies.