WordPress.org

Support

Support » Themes and Templates » [Resolved] Keeping page content responsive/remove responsive

[Resolved] Keeping page content responsive/remove responsive

  • Brandit360
    Participant

    @brandit360

    Hello, I have made some customizations to one page in particular:

    Support Forums

    How do I maintain responsiveness with the custom content on this page?
    If not and also-
    How can I remove the responsiveness of theme?
    Thank you for your help and this awesome theme!

Viewing 6 replies - 1 through 6 (of 6 total)
  • cindy c
    Member

    @cindy_conlinyahoocom

    Hi Brandit360, it looks like you have other pages that act responsive – what did you do to change that particular page content?

    I am having a similar issue – I added some custom content to my pages but none of it is responsive. I think I accidentally removed a bunch of the responsive code in the main page template, did you do that on your specific page? I don’t know if I can help but maybe we can figure something out!

    cindy

    Theme Author Anthony Hortin
    Participant

    @ahortin

    All your content has inline styles, including fixed widths, which is why it’s not responsive. Have a look at this screenshot to see what I’m talking about…

    http://cl.ly/image/39471A3U0S40

    All these inline styles could’ve been added because you copied ‘n pasted from another site, an MS Word document, or you could have simply added them in yourself. Either way, you’ll need to remove these styles for your content to be responsive.

    Brandit360
    Participant

    @brandit360

    Thank you for taking the time to review this Anthony. I did add the content myself.
    So in order to achieve the styling, I should have created a class or id and the called upon that class or id within the div on that page? Will doing it that way maintain the responsiveness? Again that you for your time!

    Theme Author Anthony Hortin
    Participant

    @ahortin

    Correct. All your styles should be added to the style.css stylesheet in your theme folder.

    As far as the content goes, I would suggest using a page with a sidebar rather than the full width template, and then add that content (running down the right-hand side of the pag) to your sidebar widgets. You could use something like the Black Studio TinyMCE Widget to easily add content and an image. You can then just style the widgets however you want.

    Also, when adding your styles, don’t use the width style (unless you plan on changing it in the media queries as well) , otherwise you’ll find it will mess with the responsiveness, like it does now. Using the sidebar as I mentioned above, you shouldn’t need to specify widths anyway.

    Brandit360
    Participant

    @brandit360

    Thank you so much Anthony! Great theme!

    Theme Author Anthony Hortin
    Participant

    @ahortin

    No probs. And thanks 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Keeping page content responsive/remove responsive’ is closed to new replies.