Forum Replies Created
-
Posts
-
Thanks I just ran through this yesterday & worked out great. Not really the look I was going for but I think I can style it to work out.
Sean
I tried it out & it worked as it shuploading did not have any problems with it. I don't use it for most sites amy the people I build sites for are very computer challenged so I don't want them to make changes to the header section.
but it did work when I did tests it out. I had no issues with it.
Okay I was able to finally figure this one out. I had to find the correct div class and once I did I was golden.
The easiest way to do it is use the following plugin, no tutorial. Set it and forget it.
http://designsbynickthegeek.com/plugins/genesis-responsive-header
Other than that hard coding you need to know CSS and if you don't go with the plugin as it is super easy.
Sean
Charlie
I appears it is already in the style.css. The only reason I can think it does not work is because in the style sheet it the logo is set by a background image and not a img tag. I hard code the logo for smartphones and tablets in the css so it changes that way vs using the Responsive Header plugin the others are recommending. To be honest I am not sure what other way to do it unless you code it to change via media queries or use the plugin which is the easiest if you don't want to hard code it in CSS.
Sean
In the global or the defaults section of the style.css sheet you can see if it is there. Just open style.css and do a find and look for all instances of img and it should show up if there. If not there go and add it and see if it works.
Sean
I was not able to figure out how to hide a certain sidebar yet. Is there anyone out there that can assist. I want to show some of them and not all. I know I can set to hide them all in CSS but not trying to do that. I am in the final tweaking stages of the site moving navbars to right spots and others.
Sean
I don't have or use the Agency theme but does it have the following tag as I would like it might work for flexible images.
img {
width:100%;
}
Again not 100% but I think that would work.
Sean
Okay I got a lot done over the last few days but wanted to reach out to the community for assistance in a couple of things I can't seem to figure out.
I still have some tweaking to do as far as sidebars removing under the iPhone view but I can't seem to figure out why my site has a slight scroll bar on the iPhone view. I must still have a set fixed width or something but can't figure it out.
Any assistance would be great.
Thanks
Sean
Can't you just edit the CSS to swap out the header image using your media queries? That is what I have used on a site I am working on as I did not want to rely on another plugin.
Sean
Ya I started looking at it again over the last few days and I got much further along. At the time of posting I did not have any media queries I was just working on getting the desktop version to be flexible and look the same using %. Much better now then I was last week. I will take a look at the code you gave and it might help me quicker with my media queries.
Thanks
Sean
I don't have or have never used the Agency Theme but it should just work. Make aure you have the most current version of it. I am not 100% sure but I saw some fixed widths in your style sheet. But again I don't know what it is supposed to look like.
I am still in the process of converting one of my themes to reponsive but these sites helped me understand it.
http://www.studiopress.com/design/flexible-grid.htm
http://www.studiopress.com/design/website-respond-mobile-devices.htm
The articles Josh wrote broke it down and made it easy to understand. I am also reading Ethan's book - http://www.abookapart.com/products/responsive-web-design
Hope this helps it helped out me to get started.
Sean