Support » Theme: Quark » Keeping page content responsive/remove responsive

  • Resolved Brandit360

    (@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

    (@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

    (@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.

    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

    (@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.

    Thank you so much Anthony! Great theme!

    Theme Author Anthony Hortin

    (@ahortin)

    No probs. And thanks 🙂

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