[computerkitten]

Thanks for writing.  Are you saying I should add to the mobile only section, (Iphone), the following:

 

.footer-widgets-1 {

width: 100%;

}

And then add this to the other footer widget areas too (.footer-widgets-2 & 3)?

Thanks for clarifying!

CK

[computerkitten]

Ok I will give it a try and report back thank you!!!  CK

[computerkitten]

Thanks for writing!  Which section should I try the display block and clear settings?

[computerkitten]

Thank you!  I just added that and didn't even know about it!  Wow that is sooooo much better!  I appreciate you teaching me that!

CK

[computerkitten]

Worked with it some more today and still can't get the 2nd column to collapse under the 1st one for the home page on the Iphone... not sure what is going on?!

Thanks,

CK

[computerkitten]

Thanks Mary for writing!

I went ahead and rearranged the CSS for the smallest device at the top and so forth.  Its still not collapsing right on the Iphone... not sure how to fix?!

Thanks!

CK

[computerkitten]

I got it figured out!  I see now that the home page is totally separated away from the other pages for its sidebar.  Thank you very much!

CK

[computerkitten]

Okay I read over that link to the post, it was a little confusing but I went ahead and made some changes... it didn't work!  What I did was I replaced that section in the Simple Sidebars plugin.php file this info below AND I removed the sidebar in the Home.php with "remove_action(‘genesis_sidebar’, ‘ss_do_sidebar’);".  Nothing changed.  Do I need to do something else to make that Primary Sidebar go away on the Home page (only) of the Metro theme?

Thanks,

CK

 

"  I made changes to genesis-simple-sidebars/plugin.php.  I replaced these lines:

function ss_sidebars_init() {
     remove_action( ‘genesis_sidebar’, ‘genesis_do_sidebar’ );
     remove_action( ‘genesis_sidebar_alt’, ‘genesis_do_sidebar_alt’ );
     add_action( ‘genesis_sidebar’, ‘ss_do_sidebar’ );
     add_action( ‘genesis_sidebar_alt’, ‘ss_do_sidebar_alt’ );

}

with this (based off of your original suggestion):

function ss_sidebars_init() {
     if (!is_home()) {

          remove_action( ‘genesis_sidebar’, ‘genesis_do_sidebar’ );
          remove_action( ‘genesis_sidebar_alt’, ‘genesis_do_sidebar_alt’ );
          add_action( ‘genesis_sidebar’, ‘ss_do_sidebar’ );
          add_action( ‘genesis_sidebar_alt’, ‘ss_do_sidebar_alt’ );

          }

}"

[computerkitten]

Whoops I restored the site to "LIVE" now... please take a look I still need some feedback from others!

http://tinyurl.com/c9pm4wl

Thank you much!

CK

[computerkitten]

Figured it out!  Had a flippin' missing right squirly bracket, this thing - "}" in the 1024 @media query section.  Arghhhhhhh!!!  I spent 2 hours at least looking at the code to find this!

But yes I am very happy its fixed!

CK

[computerkitten]

Hi Dave!

I think I have it looking good across the platforms... switched over to the Genesis responsive viewer at http://www.studiopress.com/responsive/.  Then made the adjustments.  Wow... learned a lot today that is for sure and took your advice and dropped the font size down for a few of the platforms.  Things look even.  Keep fingers crossed!

I can't imagine working on a project such as yours with so many boxes... yikes.  It will definitely be kept in find for the future to try to avoid that kind of feature for a site.  But you never know what a client wants, that is for sure.  Ha!

Have a great weekend and thank you so much again as it really helped me a lot today!

CK

[computerkitten]

Thank you Dave for all your help!  You actually helped get me on the right path for making these adjustments.  Using the Firefox Developer Toolbar, Responsive Theme Viewer, I was though not able to get it to look right with these columns for the 800x1280 & the 980x1280 test view of that Firefox tool.  Any idea why?  The @media queries I used, which were all of them, didn't seem to affect this one.  Otherwise it looks correct for the other widths in the test toolbar.

I ended up making the height adjustings on div#text-4.widget and div#text-5.widget which are each on the top of each column.

Thanks,

CK

[computerkitten]

Sorry for the late reply here... I think I left those images at 1920 for width... They shouldn't stretch though.  I wonder what is recommended for background images these days (non repeating kind).  Have you heard?  That is a really large display...  maybe someone else will chime in too.

Thanks for your feedback!

CK

[computerkitten]

You made some great points and I think I will back it up, restore it to another location, and switch the themes to try that out.  Its possible they might not want a background on those non-Home pages so will see.  But thanks that makes a lot of sense!

By the way take a look here to see how it looks now!  Pretty happy with it...however I have no clue how this looks on a resolution larger than 1920x??.  I only viewed it up to 1920pixel width.  How do you test your stuff if its larger than that?

http://tinyurl.com/d7qtlj4

Oh you just saved me some money too... I didn't see that caption for the Images until looking in the properties.  I styled that with CSS.  Thanks again!

CK

[computerkitten]

Morning!  Bought a copy of that Soliloquy and wow that is neat.  I think I better get the Add-ons though... I need text to occur over the home page slider.  I assume that is what I need as I saw no other way of getting slider text.  So will get the developer license.

Being up late last night I got the home page working and had used the Minimum theme.  On the other pages now I could just put a background image on those pages, each one, via custom CSS per page.  Basically achieving the same result right of implementing full width background on a number of pages.  Please tell me if it would be worth switching over to stretch now that I have the home page looking great on minimum.  And it collapses nicely on the Iphone.  Thank you for all your feedback too.

[computerkitten]

Well what I'm sorta confused on is that the 1st slide of that website is a video that can be played...then the slider moves on where the other 3 are full width background pictures.  I would think it would be best to utilize a slider entirely with no background image under it since the images would need to lay on top (since there is a video involved).... am I correct?  However the video in this example does not stretch...its not playing right on my Iphone.

I could try out the Soliloquy.  I know CSS very well so could style any text laying on top.

Thanks,

CK

[computerkitten]

Thank you for writing back.  Wonder what the difference is between the lite and regular version.  I will find out.  Would need to be able to optionally play videos.  So here is my next question... use a slider such as Soliloquy WITH a Genesis theme say... Stretch theme to achieve the "look" I want from the website I mentioned?
Thanks for all your help.
CK

[computerkitten]

Does Soliloquy allow to have text layers on top that can be hyperlinks to other pages?  Example Slider Pro has "layers" that allows any text that can be placed on top.  I assume Soliloquy can be fully stretched as well.  Sounds like it may be better than Royal Slider and SliderPro in your opinion correct?

Thanks for your feedback.

CK

[computerkitten]

Thanks for your feedback and the client has to fix a few of those slides but otherwise I'm happy to hear it scaled good... I will admit the Responsive design can be a bit challenging when I don't feel like I can fully test it accurately.

Thank you again!

CK

[computerkitten]

Thank you so much I downloaded that Pencil and that looks great!  Appreciate your feedback!

CK

[Author]

Posts