responsive blog

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

Community Forums

Site Links

Useful Articles

Login