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


  #1  
Old Apr 19, 2014, 10:11 PM
Megan1967's Avatar
Megan1967
 
18 posts · Jan 2012
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 */
  #2  
Old Apr 20, 2014, 04:31 AM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you really want the height of menu1 to be 1000px? (youhave that in two places

BTY Atahualpa was not designed as a responsive theme…maybe someday
__________________
"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 20, 2014, 08:04 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
There are also some responsive menu plugins. One I have used is UberMenu at CodeCanyon. You could also do a search for "responsive menu" at wordpress.org and test out some of those.
__________________
~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.
  #4  
Old Apr 23, 2014, 12:21 AM
markmathew
 
1 posts · Apr 2014
I have used for the UberMenu at CodeCanyon. I have also tried for WP Responsive Slider With Lightbox and worked really well.

Website builder or Wordpress

Last edited by markmathew; Apr 24, 2014 at 07:26 AM.
  #5  
Old Jul 2, 2014, 01:09 PM
teal
 
11 posts · Apr 2012
North Carolina, USA
Quote:
Originally Posted by juggledad
did you really want the height of menu1 to be 1000px? (youhave that in two places

BTY Atahualpa was not designed as a responsive theme…maybe someday

When I first found the Atahualpa theme it was one of the few at that time that said it was responsive. Every site I've built with this theme shows up as a mini version in smartphone and on tablets. The menu is not resized completely, but will show up as 2 rows instead of a single row. Is this not responsive? I'm very confused now!
  #6  
Old Jul 2, 2014, 03:45 PM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
In all the time I've used it and been moderating the forum, I've seen lots of requests asking if it would become responsive, but never that is was responsive
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jul 31, 2014, 12:21 PM
SharonJ's Avatar
SharonJ
 
637 posts · Sep 2010
Duncan BC Canada
Not sure if this helps, but I use WP Touch plugin and I like it. You can add what pages you want, you can do custom icons or add icons from a number of different collections. You can select colours.
  #8  
Old Jul 31, 2014, 03:28 PM
Jerry_Q4d
 
22 posts · Apr 2014
Depending on what you want to do, youll find a lot of info here about ways to make Atahualpa very useful on mobile. Ive been running my site for 5 years now and for a time I had WP-Touch active; however I switched it off and began to adapt things manually a year ago. For example, you can adjust text sizes and action elements and so on. This is not only a technical matter, it is also a matter of taste and what you think works for you...

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


All times are GMT -6. The time now is 10:01 PM.


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