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 »

Breadcrumbs - Not 100% width when loaded on iPhone


  #1  
Old May 24, 2013, 10:11 AM
sa12
 
5 posts · May 2013
Hi, first post and I have to say great theme! I can't believe it's so feature rich and available for free! It blows the premium themes out of the water in my opinion.

I have a problem with the breadcrumbs div not completely filling the width of the screen on an iPhone. It seems to span 100% when viewed through a desktop PC browser.



Does anyone have any ideas as I have tried to look but my knowledge of CSS is sketchy!

Thanks
  #2  
Old May 24, 2013, 10:14 AM
sa12
 
5 posts · May 2013
Just to add that a similar thing is happening in the footer area too.

Thanks
  #3  
Old May 24, 2013, 01:22 PM
jerryc
 
367 posts · Oct 2012
Florida
The Lazyest Stylesheet Plugin has a feature where you can have a different stylesheet for mobile devices. I don't know much about how to use that feature, though. I just let MZ do what it does on mobiles, and I'm very happy with it.
  #4  
Old May 24, 2013, 01:54 PM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use the FireBug extension of FireFox and examine all the elements that make up the breadcrumbs and see if you can find the CSS that is causing that to happen. Took me less than two minutes to find it and figure out what is needed to change it.
  #5  
Old May 24, 2013, 02:41 PM
sa12
 
5 posts · May 2013
Quote:
Originally Posted by juggledad
use the FireBug extension of FireFox and examine all the elements that make up the breadcrumbs and see if you can find the CSS that is causing that to happen. Took me less than two minutes to find it and figure out what is needed to change it.
Hi Juggledad,

I have just looked through the CSS provided by firebug but I have little to no knowledge of CSS and I would really appreciate it if you could let me know what to try?

Thanks!
  #6  
Old May 24, 2013, 03:28 PM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Time to do some learning.

look at the CSS for the CSS selector '#breadcrumbs1 ' and then lookup the CSS (w3schools.com/css) and see what the CSS rules for that selector do.
  #7  
Old May 24, 2013, 03:43 PM
sa12
 
5 posts · May 2013
Quote:
Originally Posted by juggledad
Time to do some learning.

look at the CSS for the CSS selector '#breadcrumbs1 ' and then lookup the CSS (w3schools.com/css) and see what the CSS rules for that selector do.
Cool ok, thanks for narrowing it down.
  #8  
Old May 24, 2013, 04:23 PM
sa12
 
5 posts · May 2013
So here is the firebug CSS that is applying to that div:

.sub-menu:before, .sub-menu:after, .cf:before, .cf:after, .row:before, .row:after, .row20:before, .row20:after, .row:before, .row:after, .row:before, .row:after, .row:before, .row:after, .lw:before, .lw:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.sub-menu:after, .cf:after, .row:after, .row20:after, .lw:after {
clear: both;
}
.sub-menu:before, .sub-menu:after, .cf:before, .cf:after, .row:before, .row:after, .row20:before, .row20:after, .row:before, .row:after, .row:before, .row:after, .row:before, .row:after, .lw:before, .lw:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#breadcrumbs1 {
padding: 5px 0 5px 30px;
}

.sub-menu, .cf, .row, .row20, .lw {
display: block;
min-width: 0;
}
.breadcrumbs {
color: #666666;
font-size: 13px;
}
.row, .lw {
-moz-box-sizing: content-box;
}
.row, .row5, .lw {
margin: 0 auto;
width: 960px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
* {
-moz-box-sizing: border-box;
}

I have made bold the only part that refers to #breadcrumbs1 but the padding looks fine and nothing else is applied? I am stumped
  #9  
Old May 24, 2013, 05:23 PM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you try changing the padding?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Yoast Breadcrumbs WordPress Breadcrumbs shoffmeister Montezuma Theme 1 Feb 8, 2013 02:19 AM
New Wordpress app for iPhone/iPad paulae Installing & running WordPress 5 Mar 8, 2011 11:58 PM
IE-- background flashing each time a page is loaded vi8084 Atahualpa 3 Wordpress theme 3 Nov 21, 2010 06:41 PM
[SOLVED] Theme not all the way there when loaded tkeller New Versions, & Updating 2 Jul 1, 2010 09:02 PM
Mobile and iPhone themes? paulae Plugins & Atahualpa 9 Oct 21, 2009 12:29 PM


All times are GMT -6. The time now is 10:40 AM.


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