Stopping auto-expanding of feedback form on certain mobile devices.

  • Unknown's avatar
    annalambert29 · Member ·

    I have created a page called ‘Comments’ on http://www.subudconscience.com.

    I moved the ‘respond’ box to the top of the page as it seems more logical to have it there rather than scrolling through feedback to reach it at the bottom. This looks fine on desktops and tablets.

    However, I have noticed that the form shows up automatically expanded on a phone and obscures the latest feedback.

    Is there any way of stopping the feedback form automatically expanding on a phone? I know a way around this would be to make a larger margin between the form and the replies, but this creates a huge gap on other devices, and I’d prefer not to do this.

    Could anyone help, please?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    The way the comment form displays on various devices is built into the theme code and can’t be changed. However, you can add custom CSS that’s specific to certain screen sizes (for example, to change the margin just on phones) using media queries. We have a guide for Using Media Queries with Custom CSS to help you get started.

    If you’d like more help with that, you can post CSS questions in the CSS Customization forum to get guidance from expert staff and volunteers. :)

  • The topic ‘Stopping auto-expanding of feedback form on certain mobile devices.’ is closed to new replies.