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 » Atahualpa 3 Wordpress theme »

Trying to use CCS to make Atahualpa Smart Phone Friendly


 
Prev Previous Post   Next Post Next
  #1  
Old Apr 19, 2014, 09:11 PM
Megan1967's Avatar
Megan1967
 
18 posts · Jan 2012
Trying to use CCS to make Atahualpa Smart Phone Friendly

Hi,

I'm trying to change the layout of my webpage with media queries in the css inserts section. I'm having some luck, but have had no end of problems with the %pages menu. I think I have it styled correctly, but the whole menu doesn't show, just the top of the first button.

You have to look at it on a smart phone to see the actual display, the web simulators don't seem to work.

The url is http://badgerkc.meganstestsite.com

Code:
@media only screen and (min-device-width : 320px) and (max-device-width : 500px) {
html{background:url(none); background-color:#7b0100;}

body{}
div#slider div#rev-slider-widget-3{display:none; }

table#layout tr#bodyrow td#middle{background-color:#FFFFFe;}

div#widget_sp_image-4{display:none;}

tr td#header{background:url(none); background-color:#501249;}

table#layout tr td#header div#slider {
background-position:center top;
height:150px;
width:100%;
background-image: url(http://badgerkc.meganstestsite.com/wp-content/uploads/2014/04/WebBannerSmall3.png);
background-repeat:no-repeat;
}

div#slider div#text-59{color:#000000;}
div#text-59{margin-top:165px; clear:both;}


div#text-59 div.textwidget div {font-size: 2em; font-weight:normal; width:100%;}
div#text-59 div.textwidget div p{padding:20px 10px 10px 10px; width:800px;}

div#menu1{
margin-bottom:30px;
height:1000px;
overflow:visible;
}
div#menu1 ul#rmenu2{
    width: 100%;
    margin:0;padding:0; /* CSS Reset */
    max-width: 1000px; /* restrict the width */
    margin: auto; 
    margin-bottom:30px;
}

div#menu1 ul#rmenu2 li{
    width: 100%;
    list-style-type: none; /* remove the dots */
    display:inline-block; /* IMPORTANT */
}
div#menu1 ul#rmenu2 li a{
color:#FFFFFe; 
display:block; 
margin:15px; 
padding:12px; 
border:1px solid #FFFFFe;
-moz-border-radius:12px;
-web-border-radius:12px;
border-radius:12px;
height:1000px;
background-color:#0D0428;
width:100%;
}

} 

/* end media queries */
 

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 07:17 PM
Problem with theme on mobile phone oyedepo1 Center area post/pages 9 Oct 20, 2011 03:49 AM
Smart Quotes? mickeycoutts Atahualpa 3 Wordpress theme 3 Sep 18, 2011 01:48 PM
Smart RSS Feed Help ccash4 RSS, Feeds & Subscribing 1 Jan 28, 2011 07:10 PM
Possible to make category plugin friendly araneum Page & Category Menu Bars 1 Feb 9, 2009 04:56 PM


All times are GMT -6. The time now is 06:03 AM.


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