I just rebuilt the website for the campus ministry where I work, I'd love some design/functionality feedback, any suggestions you guys have. It's built using bltthemes.com polyphonic theme.
What does your drop down links look like on a smart phone? With it being a responsive theme, I shrunk my computer web browser to mimic a small size screen. When your theme changes, and I click on a link with drop down links, the text is black on a charcoalish background making it near impossible to see name of links.
Gille, I know this might sound silly, but it never even occured to me not to use the banner on every page. For our previous site the banner was a much more prominent part of the theme so I just took it for granted that I should have one on every page of the new site, but I think you might be right that it makes more sense to just have it on the homepage and maybe a few other key pages. Plus, it would help with page load times and require less scrolling to get to the content I want them to see.
RW Newbie, which page were you on where this happened? As best I can tell both from looking at the site on my phone and looking at the settings in rapidweaver, the sublinks on the responsive menu should appear (and are appearing for me) white. However, it's possible that one of the pages has a color setting wrong. Or maybe something else is going on that I don't understand, can anyone else replicate this problem?
Shanemo, good catch. I'm using an offsite page to forward to another Give page on the menu bar, and the link it was forwarding to was from a test version of the site that was uploaded before it went live. Should be fixed now, thanks!
Thanks for all your help, I really appreciate it! Any other comments or suggestions that anyone has, I'd love to hear them.
I think your are safe with your drop down links. I "shrunk" my Safari Browser on my old 2006 iMac with Snow Leopard OS and when your theme went into responsive mode, the links were visible. When I checked on my newer 2010 MacBook Air with Snow Leopard and Safari, the drop down links on the homepage were again black text on a dark background. So that is weird. If someone has a smart phone that could check, they probably will get the proper links color scheme. I don't know why my new MacBook Air is distorting things when my older iMac shows the links that I am betting are the way you meant for them to be seen. Sorry for the 'scare'. I think it is the MacBook Air for some reason and not anything you did. Nice looking site by the way
Sam,
I checked it out on an iphone. In general, it is fine, but one thing that I noticed right away was that the social media buttons overlap the title tag. Some padding or a margin should fix this.
Hi tsilva, I definitely noticed this problem but I'm not sure how to fix it. Initially the title didn't even fully display on an iPhone, it just displayed the first two words "Christian Student". I emailed the creator of the theme and asked if they knew of any solution, they told me my best bet would be to shorten my title (not really an option), but they gave me this code which at least allows for the entire title to appear onscreen (though obviously it's tight):
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {
header h1#title {
font-size: 1em;
}
}
/* Mobile Portrait (devices and browsers) */ @media only screen and (max-width: 480px) {
header h1#title {
font-size: 1em;
}
}
If you have any suggestions or coding that could help add some padding to the social media icons, I'd love to see it, thanks!
it's a very nice site with some good photos. I also like the theme and general page layout. You've done a great job, how long have you been using Rapidweaver for?
I started working with Rapidweaver about two years ago now, and I've built 5 or 6 websites with it during that time. I wanted to get some input on this guy because it will definitely receive the most traffic of any of the sites I've built and I'm always looking for ways to improve.
Just took a quick tour, and the very light opacity of the drop downs makes it difficult in some situations to see the options, or to know exactly what I'm about to click on. You might consider making the opacity just a little higher % - and then differentiate the mouse-over shadow from the opacity by maybe another 10-20%, or perhaps change it to a slightly different color - maybe also have the text change the same as the mouseover blue that appears in the main menu?
Some of the images in the various pages seem to take a bit longer to load initially than the rest of the page. Seems to me like those images could be optimized / reduced in size so they would load faster.
And, it may be just me, but having the Luau movie auto-play totally threw me for a loop ... I was listening to something rather quiet in iTunes and had my volume turned way up, and quite frankly, for a second I thought my Mac had been possessed! Until I realized it was just the movie...
At any rate, hope Luau is a blast!
Cheers,
"Music expresses that which cannot be said and on which it is impossible to be silent." -- Victor Hugo
Come listen to the Dallas Symphony Chorus in concert and we'll prove it!
Comments
But personally, I wouldn't show the banner for every page. Just the homepage seems enough.
Gille
http://www.stackscenter.com
RwGrid - Rapidweaver Website Showcase
http://www.rwgrid.com
What do you see, if anything?
this page doesnt work though:
http://ukcsf.org/polyphonic/give/index.php
Gille, I know this might sound silly, but it never even occured to me not to use the banner on every page. For our previous site the banner was a much more prominent part of the theme so I just took it for granted that I should have one on every page of the new site, but I think you might be right that it makes more sense to just have it on the homepage and maybe a few other key pages. Plus, it would help with page load times and require less scrolling to get to the content I want them to see.
RW Newbie, which page were you on where this happened? As best I can tell both from looking at the site on my phone and looking at the settings in rapidweaver, the sublinks on the responsive menu should appear (and are appearing for me) white. However, it's possible that one of the pages has a color setting wrong. Or maybe something else is going on that I don't understand, can anyone else replicate this problem?
Shanemo, good catch. I'm using an offsite page to forward to another Give page on the menu bar, and the link it was forwarding to was from a test version of the site that was uploaded before it went live. Should be fixed now, thanks!
Thanks for all your help, I really appreciate it! Any other comments or suggestions that anyone has, I'd love to hear them.
sam
I think your are safe with your drop down links. I "shrunk" my Safari Browser on my old 2006 iMac with Snow Leopard OS and when your theme went into responsive mode, the links were visible. When I checked on my newer 2010 MacBook Air with Snow Leopard and Safari, the drop down links on the homepage were again black text on a dark background. So that is weird. If someone has a smart phone that could check, they probably will get the proper links color scheme. I don't know why my new MacBook Air is distorting things when my older iMac shows the links that I am betting are the way you meant for them to be seen. Sorry for the 'scare'. I think it is the MacBook Air for some reason and not anything you did. Nice looking site by the way
Take care
Chris
I checked it out on an iphone. In general, it is fine, but one thing that I noticed right away was that the social media buttons overlap the title tag. Some padding or a margin should fix this.
tsilva
How did you implement the slideshow for your website? It's very smooth and clean.
Thanks
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
header h1#title {
font-size: 1em;
}
}
/* Mobile Portrait (devices and browsers) */
@media only screen and (max-width: 480px) {
header h1#title {
font-size: 1em;
}
}
If you have any suggestions or coding that could help add some padding to the social media icons, I'd love to see it, thanks!
And tevpot, the slideshow is just a stack by ncdthemes.com called SuperFlex (http://nickcatesdesign.com/rapidweaver_stacks/superflex/index.html)
Thanks for the input and kind words!
sam
it's a very nice site with some good photos. I also like the theme and general page layout. You've done a great job, how long have you been using Rapidweaver for?
I started working with Rapidweaver about two years ago now, and I've built 5 or 6 websites with it during that time. I wanted to get some input on this guy because it will definitely receive the most traffic of any of the sites I've built and I'm always looking for ways to improve.
sam
Just took a quick tour, and the very light opacity of the drop downs makes it difficult in some situations to see the options, or to know exactly what I'm about to click on. You might consider making the opacity just a little higher % - and then differentiate the mouse-over shadow from the opacity by maybe another 10-20%, or perhaps change it to a slightly different color - maybe also have the text change the same as the mouseover blue that appears in the main menu?
Some of the images in the various pages seem to take a bit longer to load initially than the rest of the page. Seems to me like those images could be optimized / reduced in size so they would load faster.
And, it may be just me, but having the Luau movie auto-play totally threw me for a loop ... I was listening to something rather quiet in iTunes and had my volume turned way up, and quite frankly, for a second I thought my Mac had been possessed! Until I realized it was just the movie...
At any rate, hope Luau is a blast!
Cheers,
Come listen to the Dallas Symphony Chorus in concert and we'll prove it!
can I ask you how did you implement the scrolling baloon "new to CSF?"