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] Strange margin right-side when mobile site is activated


  #1  
Old Apr 2, 2014, 08:19 AM
vandermark
 
15 posts · Jun 2012
I have switched to Montezuma for its responsive design. I really like it a lot. I have one strange issue which I cant resolve through inspecting elements:

When the mobile site is activated (by phone or decreasing browser screen) a strange margin is activated on the right side of my site. I have tried to see which css is causing this but I cant find it.

site: www.bartvandermark.nl

See below for some screenshots:


  #2  
Old Apr 2, 2014, 08:32 AM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what browser are you using?
Do you see the same thing in other browsers?
Which did you test?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 2, 2014, 08:39 AM
vandermark
 
15 posts · Jun 2012
I tested in Chrome desktop logged in, IE9 not logged in and Chrome for android on android phone. All showed the strange margin on the right when mobile site (with menu) activated.

I cannot find which css is causing this, can you?
  #4  
Old Apr 2, 2014, 09:10 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Do you get the same results if you uncheck "Show Toolbar when viewing site" in your user settings? This is just a thought as that has caused some "issues" for me in the past.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 2, 2014, 09:16 AM
vandermark
 
15 posts · Jun 2012
Turning off toolbar did the trick for the pc browsers. On my phone I still have the margin on the right side: that's is just the most annoying one...
  #6  
Old Apr 2, 2014, 09:28 AM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
So is there a margin on BOTH sides?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Apr 2, 2014, 09:34 AM
vandermark
 
15 posts · Jun 2012
No only on the right side, see screen shot below where I colored the wrong margin red:

  #8  
Old Apr 2, 2014, 09:54 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try adding this to the various CSS section.
HTML Code:
html {
    overflow: hidden;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Apr 2, 2014, 10:03 AM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
change the last part of this CSS - it's in the breadcrumb.css
HTML Code:
#breadcrumbs1 {
    padding: 5px 0 5px 30px;
}
The 30px is the cause
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Apr 2, 2014, 12:19 PM
vandermark
 
15 posts · Jun 2012
Tx so much juggledad! That really helped.

What i dont understand: the 30px in that css line is for left margin right? How did it result in the right margin??
  #11  
Old Apr 2, 2014, 05:15 PM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It is pushing the element to the right which pushes it outside the parent element which was defined as 100%.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Apr 3, 2014, 01:54 AM
vandermark
 
15 posts · Jun 2012
Thanks again juggledad and lmilesw for your quick and supportive replies!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
plugin that shows a mobile-friendly version Atahualpa site Carme Plugins & Atahualpa 11 May 3, 2014 08:17 PM
How do i stop the site resize / mobile version Tommyt Montezuma Theme 12 Feb 4, 2013 07:58 PM
Patch 113-04: the site may be squished on a mobile device or tags over run sidebar juggledad New Versions & Updates 0 Feb 2, 2013 08:54 PM
[SOLVED] NextGen Gallery activated / Ata 3.7.1 ... site crash krystyna Plugins & Atahualpa 6 Oct 24, 2011 12:28 PM


All times are GMT -6. The time now is 02:17 AM.


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