- Responsive Multi-Purpose Theme Framework! ›
- Forums ›
- Theme Support ›
- firmasite not responsive on my site
Hi there, I dropped my problem on the wp support forum : https://wordpress.org/support/topic/bbpress-problem-not-responsive
Basically, I have to desactivate responsiveness, if not, the bbpress subjects texts don’t fit in the frame when surfing on a webkit browser or an iPhone.
In addition, the fonts are not ported on webkit browsers.
What can I do to solve this ?
Well..
There is an option Make fixed. No responsive in Theme Customizer -> Theme Settings. That makes the theme act as non-responsive. Just disable it. Its normally disabled but you probably didnt read it and activated it.
We will see the other “texts don’t fit” problem later when you do this.
Hi, thank you for your answer.
Actually, I had to use the make fixed option.
If not, the theme doesnt act as responsive as you can see here when I de-activate the make fixed option : http://pix.toile-libre.org/?img=1427279738.png
This is a different problem that requires different solution rather then disabling responsiveness. Use this custom css code for now:
@media (max-width:767px){ .bbp-reply-content.media-body{display:block;width:100%} }
I am accepting this as a bug and i will fix it in a better way in future release but this css code will temporary helps you.
Thank U for that.
It fixes it on my iPone, but not on my Qupzilla browser 😉
(By the way, I experienced no problem on Firefox, whether your fix is active or not)
If it fixes problem in iOS/Android’s default browsers and chrome etc, its enough. I dont support other mobile browsers sorry.
Qupzilla is a webkit desktop browser 😉
A little like Midori.
They are supposed to behave like chromium.
Anyway, the fix is already ok for now.
..And your theme is very nice !
Thanks.Just wait till 2.0 version release. Lots of good things coming 😉
You can send a review in http://wordpress.org/support/view/theme-reviews/firmasite if you want. It means a lot for new users that thinking to use theme.
Hi again,
my readers told me that with the tweak, the site was not responsive on Firefox anymore, I checked on FF36 & 37 and had to revert to make fixed :/
Any other hint ?
Do you think an extention might conflict ?
“the site was not responsive on Firefox anymore” is not explaining anything. So it was working for probably %95+ mobile devices and you just removed a temporary solution that is not working in less then %5 mobile firefox users who has chrome alternative in android?
Nope, i dont have any other temporary solution for less then %5 people who has chrome alternative. I know it sucks that theme has problem but its actually bootstrap css framework problem.
You can create a child-theme and change theme’s structure but i am really suggesting to use this temporary fix meanwhile.
“the site was not responsive on Firefox anymore” just means that :
– in responsive mode
– with your tweek
– on FF36 & 37
the text doesn’t fit the box, just like on my pic : http://pix.toile-libre.org/?img=1427279738.png
Thus I reverted to “make fixed”.
If you wish to check, tell me so I temporarily re activate responsive + your fix.
problem is basically <pre>
tags inside .media-body
You can try this css code:
pre { white-space: inherit; }
It may cause problem on some long <pre>
tags.
I added this to your previous fix.
In addition, on my main post I modified all pre tags :
blablabla
becomes
<div class=”codebox”>
blablabla
</div>
(?? not the same rendering here than on my site ??)
I somehow works, but odly it is not discrete (if you shrink the window it sometimes is ok & sometimes text doesn’t fit.)
Should I amend all my tags ?
What with ?
Why are you changing your html.. I am totally lost in your question. I just suggested to add
pre { white-space: inherit; }
as a solution. Nothing more. Can you show some screenshot of problem with this solution?
I amended just because I wanted to have an homogeneous code (my recent coding was lazy, just using the
)
It didn’t impact the behaviour, though.
Here are the pics :
1 – http://pix.toile-libre.org/upload/original/1427381917.png
2 – http://pix.toile-libre.org/upload/original/1427381971.png
3 – http://pix.toile-libre.org/upload/original/1427381985.png
4 – http://pix.toile-libre.org/upload/original/1427382000.png
5 – http://pix.toile-libre.org/upload/original/1427382013.png
6 – http://pix.toile-libre.org/upload/original/1427382028.png
As you’ll notice : the 3 & 4 pics have the “text outside box” syndrom.
You can see all that on : http://dolys.fr/forums/topic/tuto-mon-optimisation-personnalisation-xubuntu-et-autres-variantes/
You must be logged in to reply to this topic.