Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Single Posts "squished" to the left in Mobile


  #1  
Old Jun 12, 2014, 03:47 PM
Sfare
 
8 posts · Jun 2014
I just switched to Montezuma for mobile only (I'm still very attached to my Atahualpa, but needed a dynamic theme for mobile). The category lists, etc. are working beautifully - it's just the individual posts where it's a problem (I'm also having an issue with the home page, but I suspect that's a caching issue and I'm not worrying about it right now). I've played around with the single.php template enough to narrow the problem down to the php content, but I'm not sure where to go from there. My Content CSS is unmodified from the default, except from one small change in color.

site is: http://savour-fare.com
Screenshot (from my iphone)


I'm far from an expert in CSS, but I have so far managed to jury-rig my site so it works well enough.
  #2  
Old Jun 12, 2014, 03:58 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Do a search for iPod or iPad. There is a css setting that needs to be changed. If I was home I'd look for it but I'm out right now
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 12, 2014, 04:16 PM
Sfare
 
8 posts · Jun 2014
Thanks.
I found this post: http://forum.bytesforall.com/showthread.php?t=21130
and that CSS fix (changing the opacity) didn't work.

Also looked at this one: http://forum.bytesforall.com/showthr...ghlight=iphone

It seems like it's a relatively common problem but everyone's presentation (and fix) is different.

Please let me know if I'm missing something - I'm new to the forum, but I did do some poking around before posting.
  #4  
Old Jun 12, 2014, 04:47 PM
Sfare
 
8 posts · Jun 2014
I've looked at both of these threads - are those what you mean? Problem seems to have a slightly different presentation and is still happening.

http://forum.bytesforall.com/showthr...highlight=ipod
http://forum.bytesforall.com/showthread.php?t=20471
  #5  
Old Jun 12, 2014, 07:53 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) what version of montezuma?
2) On my iPod your site still shows atahualpa?

the issue I was thinking about should have been fixed long ago (http://forum.bytesforall.com/showthread.php?t=19542) and without seeing the site in montezuma, and seeint the issue I don't know what might be happening.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jun 13, 2014, 04:14 PM
Sfare
 
8 posts · Jun 2014
It's running 1.2.2 and I've changed the settings so the ipad version will be on Montezuma as well.
  #7  
Old Jun 13, 2014, 07:46 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
In the Montezuma version it looks fine - after the header area you have the center area and widget area in the same row with the center area assigned 8 colums and the widget area four columns

What is the problem?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jun 14, 2014, 06:38 PM
Sfare
 
8 posts · Jun 2014
On my iphone, the home page is full width, but the single posts shrinks the header and the content to about 40% of the screen width.

Screenshots:
Page 69:


Post:


On my phone, my widget area isn't showing up in either view.
  #9  
Old Jun 14, 2014, 09:47 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
Not sure why your widgets aren't showing up. As Juggledad mentioned, the widget area is there, but there are no widgets in it. I take it you added widgets? You will have to add the widgets while Montezuma is active, I don't think the widgets you added through Atahualpa are going to show up.

As far as the width of the single posts go, what is causing the problem is a plugin that's being used to display a Google AdSense ad at the bottom of the post (right after the social media buttons). That's why it's not affecting the home page or any category/archive page, because it's configured to only display on single posts. The ad has a fixed width of 728px, so it's extending the width of page. The ad itself is not responsive, so it doesn't shrink in proportion to the screen width. If you disable the plugin, you will see your mobile pages shrink correctly in width. Or, you can try adding this rule to the end of your various.css file:
Code:
.wpInsertInPostAd {
   overflow: hidden;
}
This will hide any part of the ad that doesn't fit in the page, if that is acceptable to you. Otherwise, you can use a media query to hide the ad altogether on mobile screen sizes.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Jun 14, 2014 at 09:59 PM.
  #10  
Old Jun 14, 2014, 10:32 PM
Sfare
 
8 posts · Jun 2014
Thank you! That helped enormously - now it's at about 70% of the screen instead of 40%. would love to get it to full width, but 70% I can live in - I'm wondering if it's one of my plugins, or the fact that I'm hosting images on Flickr, so they're not getting resized the same way.

New screenshot here:
  #11  
Old Jun 14, 2014, 11:16 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
The first Facebook Like button has an area with a fixed width of 450px. Unfortunately it doesn't have a class or ID associated with it, but it's the only iframe that's a direct child of the post-bodycopy div, so this rule should make it fit correctly (unfortunately the width is set inline, so you have to use the !important clause to override it):
Code:
.post-bodycopy > iframe {
   width: auto !important;
}
Then there's a known "problem" with the width of the breadcrumbs bar on a mobile device, where the padding to the left extends the bar a bit to the right. You can fix it one of two ways, either setting the width to 90% or eliminating the padding:
Code:
#breadcrumbs1 {
   width: 90%;
}
or
Code:
#breadcrumbs1 {
   padding-left: 0;
}
Finally, you will probably want to eliminate the arrows to the left of the social media icons. Sharedaddy uses list items to display it's buttons, and Montezuma automatically adds the arrow icons to the left of list items. This will hide those arrows:
Code:
.hentry .sharedaddy ul li i {
   display: none;
}
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Jun 14, 2014 at 11:19 PM.
  #12  
Old Jun 18, 2014, 03:58 PM
Sfare
 
8 posts · Jun 2014
Thanks - I switched to another FB plugin and now it looks great. Problem solved!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem similar to "Recent posts of same category, on single post pages" sikedestroya Sidebars & Widgets 0 Aug 20, 2010 05:44 AM
[SOLVED] Posts won't open in single page. Says "Not Found" chipcain Excerpts, Read more, Pagination 2 Aug 18, 2010 07:16 PM
Need to call <li class= "current-cat-parent"> for single posts b1tzmast3r Page & Category Menu Bars 5 Jan 25, 2010 02:48 PM
When window isn't maximized, blog looks "squished" kmagyarics Page & Category Menu Bars 1 Nov 10, 2009 06:08 AM


All times are GMT -6. The time now is 01:38 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.