Mobile Responsive Website Coding Help Needed

Mobile
1

Recently I have been coding my website so it’s responsive on mobile devices. I’ve finally got the home page worked out and I applied the same css coding to another page yet this other page doesn’t look correct in the mobile device. What could be causing this? I’ve scrutinized both pages I’m working on and both their css sheets and I can’t find the problem.

Home page’s css sheet:

p {text-indent : 2%; text-align : justify;  margin-right: 1%;
}
P.note { padding-left : 7em; font-family : Georgia, "Times New Roman", Times, serif; 
}
#header { float: center; width: 85%; margin: .2%; padding: 0em; display: inline;}
#content2 { float: left; width: 95%; margin: 1%; padding: 0em; }
#footer { float : center; width: 100%; }




body { padding-left : .5em; font-family : Georgia, "Times New Roman", 
          Times, serif; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BGImage_zpsgg7eotdf.jpg);
 background-color : #F5F6F8; margin: 0px;
}

table { border : 0px; border-collapse: collapse; border-spacing : .6em; }

td {padding : .1em}


h1 {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color : #21a8f9; text-align : center; font-size : 1.5em;}

h2 {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color : #0000c0; text-align : left; font-size : 1.3em;}


P.image {float: center; text-align: center; color: #000000; 
}

/* =Nav
-------------------------------------------------------------- */
ul.menulink { list-style-type : none;
padding : 0em;
margin-left : 0.5%;
margin-right: 0 em;
margin-top : 0 em;
margin-bottom:  0 em;
position : absolute; top : 0.5em; left : 0em; width : 5em; text-align: center;
 }


A.menulink {
display: block;
margin : 0 em;
width: 108px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
font-size:12px;
border-style : solid;
border-width : 3px; 
border-color : #f5df21;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
}

A.menulink:visited {
border: inset 3px #EEE21C;
color : #9c18f6;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
font-weight: bold;
font-style: italic;
}
ul.navbar a {
text-decoration : none;}

A.menulink:hover {
border: solid 3px #42b1f4;
font-size: 12px;
font-weight: bold;
color : #c00000; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015MenuHover_zpszqmawcx7.jpg);
}



div.left
{
float:left;
width:20%;
padding:.5em;
border:6px inset #21a8f9 ;
background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BoxesBG_zpsfqdefms0.jpg) ;
margin:1em;
font-size: 12px;
text-align: left;
}


div.right
{
float:right;
width: 20%;
padding: .2em;
border:6px inset #21a8f9 ;
background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BoxesBG_zpsfqdefms0.jpg) ;
margin:1em;
font-size: 12px;
text-align: left ;
}





a:link  {color : #1c82fa ;}
a:visited {color : #800080; text-decoration : none;}
a:hover {color : #c00000; text-decoration: none; }
a:active {color : #c00000;}




p.CPSoccer 
a {
display: block;
margin: auto;
width: 158px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/CPSoccerButton1_zps372f8642.jpg);
background-repeat: no-repeat;
}

p.CPSoccer a:hover, p.CPSoccer a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 158px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/CPSoccerButton2_zps4bf8b6ed.jpg);
}




p.ZazzleSoccer 
a {
display: block;
margin: auto;
width: 158px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/ZazzleSoccer1_zpsd009d0e1.jpg);
background-repeat: no-repeat;
}

p.ZazzleSoccer a:hover, p.ZazzleSoccer a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 158px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/ZazzleSoccer2_zpsa1cd0772.jpg);
}






address {
border-top-style: groove ; 
font-size: 12px;
float: center;
padding: .3em;
width: 100%; 
border-top-width: thick ;
border-top-color : #800000;} 




div.L2
{ float: left;
width: 3%;
padding: .3em;
margin-right: 2%;
}

div.L3
{ float: left;
width: 3%;
padding: 0em;
margin-right: 0em;
}

p.Facebook
a {
display: block;

width: 48px;
height: 48px;
repeat: no-repeat;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_facebook_button_blue_zpsygdzfjwt.png);
}


p.Facebook a:hover, p.Facebook a:active
{
border: 0;
font-size: 105%;
width: 48px;
height: 48px;
margin: auto;
repeat: no-repeat;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_facebook_button_red_zpsikvcp4a9.png);
}



p.Twitter 
a {
display: block;
margin: auto;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_twitter_button_blue_zpsttuidjkq.png);
background-repeat: no-repeat;
}

p.Twitter a:hover, p.Twitter a:active{
border: solid 0px ;

width: 48px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_twitter_button_red_zpsbhafvij1.png);
}


p.googleplus
a {
display: block;
margin: auto;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_google_button_blue_zps2mui6ukt.png);
background-repeat: no-repeat;
}

p.googleplus a:hover, p.googleplus a:active{
border: solid 0px ;

width: 48px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_google_button_red_zpsqyge8iqi.png);
}


#table2 { border : 10px inset #c00000; border-spacing : 8px; width: 60%;  margin: auto ; border-collapse: collapse; background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015SocialMediaCenterBg_zpsycfwj4zv.jpg); }

#table2 th { border-spacing : 8px;  margin: auto ; background-color: #ffef3f; padding-top: 5px; }

#foot_nav {
    list-style: none; /* this removes the bullets */
    margin: 0; padding: 0;
    width: 100% 
  }

#foot_nav li{
   display: inline;
   float: left
   width: 12%;
   text-align: center;
}

#foot_nav li 
a:link {
margin : 0.5em;
width: 120px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 10px;
padding: 0px 2px; 
border-style : solid;
border-width : 2px; 
border-color : #c00000;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
}

#foot_nav li
a:visited {
border: solid 3px #EEE21C;
color : #9c18f6; background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuBgVisited_zps0e39b1b0.jpg);
}

#foot_nav li
a:hover {
border: solid 2px #42b1f4;
font-weight: bold;
font-size: 10px;
color : #ffffff; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuBgVisited_zps0e39b1b0.jpg);
}

a.foot_nav,
a.menu-anchor {
   display: none;
}


@media  (max-width: 480px) {
  .left {
    margin: 10px auto;
    float: none;
    display: none;
  }

.right {
    margin: 10px auto;
    float: none;
    display: none;
  }
.menulink { display: none;
}

}




@media  (max-width: 801px) {
p.CPSoccer 
a {
display: block;
margin: auto;
width: 120px;
height: 37px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/Mobile/CPSoccer_zps9igziqi0.jpg);
background-repeat: no-repeat;
}

p.CPSoccer a:hover, p.CPSoccer a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 120px;
height: 37px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/Mobile/CPSoccerHover_zpsoxkgj4ix.jpg);
}




p.ZazzleSoccer 
a {
display: block;
margin: auto;
width: 120px;
height: 37px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/Mobile/ZazzleSoccer2_zpsw8mvljje.jpg);
background-repeat: no-repeat;
}

p.ZazzleSoccer a:hover, p.ZazzleSoccer a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 120px;
height: 37px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/Mobile/ZazzleSoccerHover_zpsb70u7pha.jpg);
}


}

and 2nd page's css sheet: 
p {text-indent : 2%; text-align : justify;  margin-right: 1%;
}
P.note { padding-left : 7em; font-family : Georgia, "Times New Roman", Times, serif; 
}
#header { float: center; width: 85%; margin: .2%; padding: 0em; display: inline;}
#content2 { float: left; width: 95%; margin: 1%; padding: 0em; }
#footer { float : center; width: 100%; }




body { padding-left : .5em; font-family : Georgia, "Times New Roman", 
          Times, serif; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BGImage_zpsgg7eotdf.jpg);
 background-color : #F5F6F8; margin: 0px;
}

table { border : 0px; border-collapse: collapse; border-spacing : .6em; }

td {padding : .1em}


#table3 { border : 0px; border-collapse: collapse; border-spacing : .6em; width: 100%; }


h1 {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color : #21a8f9; text-align : center; font-size : 1.5em;}

h2 {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color : #0000c0; text-align : left; font-size : 1.3em;}


P.image {float: center; text-align: center; color: #000000; 
}


ul.menulink { list-style-type : none;
padding : 0em;
margin-left : 0.5%;
margin-right: 0 em;
margin-top : 0 em;
margin-bottom:  0 em;
position : absolute; top : 0.5em; left : 0em; width : 5em; text-align: center;
 }


A.menulink {
display: block;
margin : 0 em;
width: 108px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
font-size:12px;
border-style : solid;
border-width : 3px; 
border-color : #f5df21;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
}

A.menulink:visited {
border: inset 3px #EEE21C;
color : #9c18f6;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
font-weight: bold;
font-style: italic;
}
ul.navbar a {
text-decoration : none;}

A.menulink:hover {
border: solid 3px #42b1f4;
font-size: 12px;
font-weight: bold;
color : #c00000; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015MenuHover_zpszqmawcx7.jpg);
}



div.left
{
float:left;
width:20%;
padding:.5em;
border:6px inset #21a8f9 ;
background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BoxesBG_zpsfqdefms0.jpg) ;
margin:1em;
font-size: 12px;
text-align: left;
}


div.right
{
float:right;
width: 20%;
padding: .2em;
border:6px inset #21a8f9 ;
background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015BoxesBG_zpsfqdefms0.jpg) ;
margin:1em;
font-size: 12px;
text-align: left ;
}





a:link  {color : #1c82fa ;}
a:visited {color : #800080; text-decoration : none;}
a:hover {color : #c00000; text-decoration: none; }
a:active {color : #c00000;}


p.Zazzle 
a {
display: block;
margin: auto;
width: 179px;
height: 124px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/ZazzleNormal_zps00yrctav.jpg);
background-repeat: no-repeat;
}

p.Zazzle a:hover, p.Zazzle a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 179px;
height: 124px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/Zazzlehover_zpsrtzrsqzz.jpg);
}


p.Prints
a {
display: block;
margin: auto;
width: 179px;
height: 124px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/PrintsButtonNormal_zpsnotjdkfc.jpg);
background-repeat: no-repeat;
}

p.Prints a:hover, p.Prints a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 179px;
height: 124px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/PrintsButtonhover_zpszxlati2h.jpg);
}





p.DevArt
a {
display: block;
margin: auto;
width: 179px;
height: 124px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/DeviantArtNormal_zpsdq3vos7p.jpg);
background-repeat: no-repeat;
}

p.DevArt a:hover, p.DevArt a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 179px;
height: 124px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/DeviantArtHover_zps7wdq9kl0.jpg);
}

p.CP
a {

display: block;
margin: auto;
width: 179px;
height: 124px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/CafePressNormal_zpsg5d5rk8e.jpg);
background-repeat: no-repeat;
}

p.CP a:hover, p.CP a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 179px;
height: 124px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/CafePressHover_zpsyu77fend.jpg);
}

p.Amer_Frame
a {
display: block;
margin: auto;
width: 179px;
height: 124px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:12px;
border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/AmericanFrameNormal_zps12zqm0hk.jpg);
background-repeat: no-repeat;
}

p.Amer_Frame a:hover, p.Amer_Frame a:active{
border: solid 0px #3366FF;
font-size: 110%;
width: 179px;
height: 124px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MyWorkpage/AmericanFrameHover_zpszs9byp4z.jpg);
}



 

div.L2
{ float: left;
width: 3%;
padding: .3em;
margin-right: 2%;
}

div.L3
{ float: left;
width: 3%;
padding: 0em;
margin-right: 0em;
}

p.Facebook
a {
display: block;

width: 48px;
height: 48px;
repeat: no-repeat;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_facebook_button_blue_zpsygdzfjwt.png);
}


p.Facebook a:hover, p.Facebook a:active
{
border: 0;
font-size: 105%;
width: 48px;
height: 48px;
margin: auto;
repeat: no-repeat;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_facebook_button_red_zpsikvcp4a9.png);
}



p.Twitter 
a {
display: block;
margin: auto;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_twitter_button_blue_zpsttuidjkq.png);
background-repeat: no-repeat;
}

p.Twitter a:hover, p.Twitter a:active{
border: solid 0px ;

width: 48px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_twitter_button_red_zpsbhafvij1.png);
}


p.googleplus
a {
display: block;
margin: auto;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

border-style : solid;
border-width : 0px; 
border-color : #E8D44C;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_google_button_blue_zps2mui6ukt.png);
background-repeat: no-repeat;
}

p.googleplus a:hover, p.googleplus a:active{
border: solid 0px ;

width: 48px;
height: 48px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social_google_button_red_zpsqyge8iqi.png);
}


p.Facebooksmall
a {
display: block;

width: 32px;
height: 32px;
repeat: no-repeat;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
border-width : 0px; 
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-facebook-32pixblue_zpstrvjq71w.png);
}


p.Facebooksmall a:hover, p.Facebooksmall a:active
{
border: 0;
font-size: 105%;
width: 32px;
height: 32px;
margin: auto;
repeat: no-repeat;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-facebook-32pixred_zpshz5gyiqq.png);
}



p.Twittersmall 
a {
display: block;
margin: auto;
width: 32px;
height: 32px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
border-width : 0px; 
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-twitter-button-32blue_zpsgfxctm7p.png);
background-repeat: no-repeat;
}

p.Twittersmall a:hover, p.Twittersmall a:active{
border: solid 0px ;
width: 32px;
height: 32px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-twitter-button-32red_zpsifblj5h0.png);
}


p.googleplussmall
a {
display: block;
margin: auto;
width: 32px;
height: 32px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
border-width : 0px; 
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-google-button-32blue_zpsslmx4yef.png);
background-repeat: no-repeat;
}

p.googleplussmall a:hover, p.googleplussmall a:active{
border: solid 0px ;
width: 32px;
height: 32px;
margin: auto;
color : #991720; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/social-google-button-32red_zpse2ax9i5x.png);
}



#table2 { border : 10px inset #c00000; border-spacing : 8px; width: 60%;  margin: auto ; border-collapse: collapse; background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/2015SocialMediaCenterBg_zpsycfwj4zv.jpg); }

#table2 th { border-spacing : 8px;  margin: auto ; background-color: #ffef3f; padding-top: 5px; }

#foot_nav {
    list-style: none; /* this removes the bullets */
    margin: 0; padding: 0;
    width: 100% 
  }

#foot_nav li{
   display: inline;
   float: left
   width: 12%;
   text-align: center;
}

#foot_nav li 
a:link {
margin : 0.5em;
width: 120px;
text-align: center;
text-decoration: none;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 10px;
padding: 0px 2px; 
border-style : solid;
border-width : 2px; 
border-color : #c00000;
background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuRegBG_zps01a193dd.jpg);
}

#foot_nav li
a:visited {
border: solid 3px #EEE21C;
color : #9c18f6; background-image: url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuBgVisited_zps0e39b1b0.jpg);
}

#foot_nav li
a:hover {
border: solid 2px #42b1f4;
font-weight: bold;
font-size: 10px;
color : #ffffff; background-image : url(http://i790.photobucket.com/albums/yy181/BirdmansArt/BirdmansWebsite/MenuBgVisited_zps0e39b1b0.jpg);
}


@media  (max-width: 480px) {
  .left {
    margin: 10px auto;
    float: none;
    display: none;
  }

.right {
    margin: 10px auto;
    float: none;
    display: none;
  }
.menulink { display: none;
}

}




@media  (max-width: 801px) {


#table3 {display: none;
}

}



address {
border-top-style: groove ; 
font-size: 12px;
float: center;
padding: .3em;
width: 100%; 

border-top-width: thick ;
border-top-color : #800000;}
2

Could you be more specific please?

We need the HTML too to reproduce this problem.

Could you just give us a live website? That would be easiest. Or perhaps even put this on a codepen as a last resort?

3

Ok this is a test page so it isn’t live but I hooked it up now so you can view it - www.mikesextonstudio.com/mobiletest.html and what my question is, on the test home page, the page looks like it should for a mobile device, things fit no matter the size of the screen. With the 2nd page, www.mikesextonstudio.com/storestest.html the page is still the same size as it would be if seen on a desktop even though the css coding is the same as far as the widths, media queries are concerned; at least from what I can see.

4

Sigh, your Javascript disabling right click is annoying. So I disabled Javascript and I can now right click. Now as a user, I’m annoyed. Get rid of that script. It doesn’t protect anything.

The easiest way is to add table-layout:fixed; to the table element inside of #content2.

5

Ok I’ll remove that; I tried the fixed command u gave me, works great but now the problem is, that the 2 social media areas are also the same size and doesn’t look right. Anyway to only apply that to the “content2” area rather than all the tables in the page?

6

Never mind; I figured it out; thank you :slight_smile:

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.