Home › Forums › Bee WordPress Theme › Problem in mobile
This topic contains 13 replies, has 4 voices, and was last updated by BWSM 3 years, 2 months ago.
-
AuthorPosts
-
February 13, 2014 at 4:54 pm #2374
Hello,
I’m having a couple of problems with the smaller size mobile version-
1) Text isn’t wrapping and/or shrinking to fit and goes off the page. Please see below.
2) The padding on the promotion boxes is huge and barely 2 words can fit on a line. Can the padding be increased for mobile? please see the Mission statement: http://www.youthtruthsurvey.org/about/Thank you!
YT-
This topic was modified 4 years, 2 months ago by
youthtruth.
February 14, 2014 at 3:05 pm #2401Hi, for 1) open file bee/styles/pagebuild.css line 1071 add this: word-wrap: break-word;
for 2) still open file pagebuild.css comment line 1531;
BestFebruary 14, 2014 at 9:29 pm #2407Great! Thank you so much!
March 31, 2014 at 7:23 pm #2881Hi, the padding issue was fixed in mobile, but also changed the overall look too on a regular screen/browser. So now there is too much space here: http://www.youthtruthsurvey.org/about/ (right side of Mission and History)
Any thoughts? Thanks so much!
April 1, 2014 at 12:41 am #2883hi, please try add below codes at the bottom of file bee/styles/pagebuild.css:
#post-687 .row-fluid .span6{width:57%}
BestApril 7, 2014 at 8:37 pm #2929I did this, but the mobile problem returned where only 1 word fits on each line. See attached.
April 8, 2014 at 12:21 am #2936Hi, please try moving the snippet to file style.css right after this line:
@media (min-width: 1200px) {
BestApril 8, 2014 at 1:43 pm #2955Perfect! Thank you!
January 23, 2015 at 6:52 pm #6032My site does not display in safari on iphone. I just get a blank screen. Here is the site.
wlnfe.org
I have probably missed soemthing obvious but would really appreciate your help.
January 23, 2015 at 9:55 pm #6037I have managed to get some content to display on an iphone display but taking my slider out of a full width wrap and putting it into a general wrap.
I am also having trouble getting the site to work properly on smartphone screens.
How do I get my menu to display on a small phone screen like an iphone?
The modules and masonry blog items are not resizing or moving to fit on the screen and the page is not scrollable left to right.Therefore I can only see the left hand side of the page.
The pink text box beneath the slider is not scrinking or wrapping at all, even though it is a simple text module.
Is there a fix for this?
If not … what can I do to simply display a tiny version of the whole page without any attempts to rearrange?
January 24, 2015 at 7:19 am #6044Hi sellarsc,
I visit your site by iphone, it is fine. This video is a screencast of my test result. Did you use the iphone test? which version of ios? Could you plz paste a screenshot?
Best, Bwsm
January 24, 2015 at 11:21 am #6045Thank you so much for replying so quickly and for taking the time to test and share your video.
I am using iOS 8.1.2 on an iPhone 5s and browsing using safari.
I mentioned before that I managed to get the slideshow to display by taking it out of a full page wrap and putting it in to a general wrap.
However the page does not seem to be adjusting to a small screen and I cannot access the menu on the mobile left side.
I checked to see that I was viewing the mobile version and not set to desktop view in Safari. It is a mystery.
Your theme is absolutely gorgeous and everyone loves the site.January 24, 2015 at 11:31 am #6048Ha …. I think I may have discovered the issue. The phone was set to display slightly larger text in the phone display settings.
Shrinking the text in the display settings for the phone seems to have fixed it.Looks beautiful. Thank you so much for your help. You are a star!
January 24, 2015 at 11:34 am #6049Glad you fix it, sellarsc 🙂
-
This topic was modified 4 years, 2 months ago by
-
AuthorPosts
You must be logged in to reply to this topic.