Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

responsive blog

bodyresponsivewidth
    • 9 years, 1 month ago Marcin_Kulakowski
      Participant

      Expired

      Hi, I have related question. Responsiveness works for the blog page (with posts) – https://ultragryf.pl/, but not for other pages like https://ultragryf.pl/kalendarz/ or https://ultragryf.pl/o-mnie/. When I resize(reduce) the page the body stays in the same position as in fullscreen and – additionally- sidebar doesn’t follow changes of the view, but stays on the right (but it should go to the center). Refreshing site doesn’t help after resizing the view

      Main objective is to view all pages responsively on mobile devices (or on a desktop when resizing the browser).

      .top_wrapper { min-width: 1200px !important;} but it concerns only blog, but not other pages.

      I don’t know how to modify .top_wrapper ….. or maybe it concerns absolutely different code element?

      Could you please advise? Thanks

      • This topic was modified 9 years, 1 month ago by Mirela.
    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please go to General Options > Layout, set “Boxed Container Width” 1200px and “Boxed Container Width with percentage” to 100%.
      Let us know.

      Best regards!

    • 9 years, 1 month ago Marcin_Kulakowski
      Participant

      Expired

      Hi,

      it’s actually set to 100%, please see

      Boxed Container Width 1200 px

      Boxed Container Width with percentage 100%

      Page Container Width 1200 px

      Page Container Width with percentage 96 %

      I have also changed page container width to 100%. but that’s not the case.

      The problem here is that pages are not responsive (when reducing window) or viewing on mobile devices, only main page (which is a blog) is. Please compare responsiveness of the main page https://ultragryf.pl/ which is fine and the sidebars, texts and pictures decrease smoothly while reducing window, and of the pages.

      Please see few pages like https://ultragryf.pl/kontakt/ or https://ultragryf.pl/parkrun/ and many others. As you can see, in mobile view there is blank page and you need to scroll to the right to see any content.

      Ho to fix this?

      Please advise. Thanks

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      This is strange. The responsive feature does not affect only certain pages, but the hole site. Can you please send us some valid credentials in a private reply? So we can give it a closer look.

      Best regards!

    • 9 years, 1 month ago Marcin_Kulakowski
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I edited this line in .top_wrapper { min-width: 1200px !important;} file style.css, by removing the !important. This was causing the pages to keep a fixed minimal width and not adapt to the responsive layout.
      This line does not exist in the original files so if you didn’t add it, then one of the installed plugins may have added it.
      Also i added this code into your custom css box:

      @media (max-width: 979px){
      .top_wrapper {
          min-width: 200px !important;
      }}

      I checked the pages, they look ok now (screenshot). Please check your site and let us know.

      Best regards!

    • 9 years, 1 month ago Marcin_Kulakowski
      Participant

      Expired

      Thank you. It works nice now. Again, nice support, very helpful.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password