Mobile Theme! wichtig !

Hey @ all ,

es geht um die Seite

http://www.artofbeauty-kosmetikpraxis.de

und zwar um die darstellung der mobilversion

http://iphone4simulator.com/ < artofbeauty-kosmetikpraxis.de eingeben ...

wenn ihr im zweiten reiter beispielsweise auf behandlungen geht wird nicht der komplette text angezeigt.....lösung wäre evtl die komplette mobilversion zu löschen ? wäre auch kein problem für mich ....nur bräuchte hilfe....

hoffe jemand kann helfen

Gruß

hier der css code

/*------------------------------ SEARCH ------------------------------*/

#s {
background:none;
border:none;
float:left;
height:25px;
line-height:25px;
color:#99cc99;
width:160px;
}
.searchbtn {
height:25px;
width:15px;
margin-right:10px;
}
.searchform {
height:25px;
background:#ffffff;
border:1px solid #99cc99;
margin:6px 0;
}

/*------------------------------ CONTENT ------------------------------*/

.articles .post-caption h1, .articles .post-caption h2{
padding:4px 0;
}

.articles .post-body {
background:url(images/separator.png) 50% bottom no-repeat;
margin-bottom:30px;
}

.articles .post-caption .post-meta {

}
.articles .post-date {
color:#fff;
background:#99cc99;
float:right;
padding:3px;
}

#commentform #submit, input.readmore, a.readmore {
text-decoration:underline;
}
#commentform #submit:hover, input.readmore:hover, a.readmore:hover {

}
.featured_image {
padding:0;
margin-top:15px;
border:1px solid #99cc99;
}
.googlemap {
border:1px solid #99cc99;
}
.widget_posts ul li img,.widget_flickr a {
padding:1px;
background:#99cc99;
}

.pagination{
margin:30px 0;
background:#abd5ab;
}

.page-numbers {

}
a.page-numbers {
color:#fff;
}
a.page-numbers:hover, span.page-numbers {
background:#fff;
color:#1d413b;
}

/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#003333;
}
#footer .container {
background:#ffffff;
}
#footer h3 {
color:#1d413b;
font-size:17px;
}

#footer .footer_txt{
background:#fffff;
border:none;
color:#000000;
}
#footer .footer_txt a {
color:#000000;
}
/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
.sidebar {
overflow:visible !important;
}
.content-r .sidebar.right .widget .caption h3, .content-lr .sidebar.right .widget .caption h3, .content-r2 .sidebar.left .widget .caption h3, .content-r2 .sidebar.right .widget .caption h3{

}
.content-l .sidebar.left .widget .caption h3, .content-lr .sidebar.left .widget .caption h3, .content-l2 .sidebar.left .widget .caption h3, .content-l2 .sidebar.right .widget .caption h3{

}
#content .widget {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf9), color-stop(100%,#e1f0e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf9', endColorstr='#e1f0e1',GradientType=0 ); /* IE6-9 */
}
#content .widget.widget_tabs .caption h3 {
padding:10px;
}
.fp-next{
background-position:left 50%;
}
.fp-prev {
background-position:right 50%;
}
.fp-pager a {
width:11px;
height:11px;
}
.fp-nav {
display:none;
}
/* -==========================- DESKTOP -==========================- */
Media only screen and (min-width:1024px) {
#content-top {
height:0;
}
#content-bottom {
height:0;
}
#logo {
position:absolute;
left:50%;
top:15px;
}
#logo img {
margin-left:-60%;
}
.menusearch {
float:left;
margin-top:20px;
}
.articles .post-caption {
padding:1px 30px 0;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:160px;
position:relative;
z-index:11;
}
#secondarymenu {
float:right;
margin-right:8px;
}
#secondarymenu a {
text-decoration:none;
padding:9px;
display:block;
color:#999999;
background:#295c53;
border-left:1px solid #295c53;
color:#fff;
font-size:13px;
}
#secondarymenu a:hover{
border-left:1px solid #fff;
color:#99cc99;
text-shadow:none;
}

#mainmenu-container {
height:54px;
position:relative;
background:url(images/menu.png) left top no-repeat;
width:1000px;
margin:0 -7px;
padding:0 7px;
padding-top:7px;
}
#mainmenu {
padding:3px;
}
#mainmenu li a {
text-align:center;
display:block;
text-decoration:none;
padding:15px 30px;
font-size:16px;
color:#000000;
font-family: Helvetica,Arial,Verdana,sans-serif;;
}
#mainmenu li {
position:relative;
}
#mainmenu li a:hover{
background:url(images/menu-li-a.png) left top repeat-x;
color:#000000;

}
#header #mainmenu li ul {
top:51px;
}
#header li ul {
top:35px;
}

#header li ul .inner {
background:#295c53;
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, .sub-menu li a {
color:#c3c3c3 !important;
padding:0 !important;
background:none;
height:25px;
line-height:25px;
}
#header ul.children li a:hover, .sub-menu li a:hover {
color:#ffffff !important;
color: #fff !important;
border:none !important;
box-shadow:none !important;
}
#header #mainmenu li ul .inner {
background:#fff;
}
#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
color:#295c53 !important;
}
#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
background:#ebf5eb;
color:#295c53 !important;
}
#header .sub-menu .sub-menu {
top:0 !important;
}


/*------------------------------ SLIDER ------------------------------*/
.slider-container {
background:url(images/content/main-n.png) left top repeat-y;
width:1000px;
margin:0 -7px;
padding:0 7px;
}
.fp-next, .fp-prev {
margin:0 -44px;
margin-top:-204px;
width:44px;
height:320px;
}
.slider {
position:relative;
width:994px;
padding:3px;
padding-bottom:33px;
background:url(images/shadow.png) 50% bottom no-repeat;
}
.fp-prev-next-wrap {
margin:0 -3px;
}
.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
height:188px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:400px;
width:994px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}


}

/* -==========================- TABLET -==========================- */
Media only screen and (min-width:640px) and (max-width:1023px) {
#header {
background:url(images/top.png) left top repeat-x;
}
#logo {
float:left;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
margin-right:20px;
margin-bottom:5px;
}
#secondarymenu-container {
height:89px;
padding-top:0px;
}
#secondarymenu {
float:right;
clear:right;
margin-right:7px;
}
#secondarymenu li {
padding:15px;
}
#secondarymenu li a{
color:#686868;
}
#mainmenu-container {
clear:left;
margin-bottom:15px;
background:#fff;
padding-bottom:14px;
}
#mainmenu {
margin:0 10px;
}
#mainmenu li {
padding:0;
float:left;
}
#mainmenu a {
color:#686868;
text-decoration:none;
font-size:16px;
padding:14px 15px;
display:block;
}
#header ul.children li a, .sub-menu li a {
color:#686868 !important;
}
.slider-container { padding-bottom:35px;}
}

/* -==========================- MOBILE -==========================- */
Media only screen and (min-width:240px) and (max-width:639px) {
.menusearch {padding:13px 0;}
#header {

}
#logo {

}
.searchbtn {
width:auto !important;
}

#secondarymenu, #mainmenu {
background:#fff;
margin:0 -2%;
padding:0 2%;
margin-top:10px;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #eee;
}
#secondarymenu li a, #mainmenu li a{
color:#142736;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}

#footer {
width:100%;
}
.widgetf {
border-top:1px solid #d3d3d3;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-5px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;
}
}

ja stimmt, verändere ich die pixel anzahl der tabellen von 700 px erhalte ich aber n anderes optisches ergebnis ....??! das soll ja nicht so sein....

kann ich denn die seite auf eine maximal kleine größe bringen dass noch alles dargestellt wird ? sagen wir wenn es kleiner wird müsste man unten nach rechts schieben mit der scroll leiste ? wie bekomm ich dass hin ? weil so daran was ändern mit den tabellen wäre nicht soo gut....oder kann ich die tabellen flexibel machen ?

hab ich gerade aufm localhost ausprobiert....ich weiß was du meinst....nur dann sieht das ganze nicht so "gut" aus in der desktop version... aber is n super tipp schonmal.... und wenn ich die mobil version komplett ausschalten möchte ? wie würde ich dass angehen ? kannst du mir da helfen ?