-
-
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 7 years, 10 months ago by Mirela.
-
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!
-
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
-
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!
-
-
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!
-
Thank you. It works nice now. Again, nice support, very helpful.
-
You must be logged in to reply to this topic.