WordPress.org

Ready to get started?Download WordPress

Forums

Hemingway
[resolved] Responsive (9 posts)

  1. akhilz
    Member
    Posted 4 months ago #

    hi anders noren

    love the Hemingway theme and would be very very very nice to have it a little more RESPONSIVE...

    1. Header Image is cropped when viewing on smartphone/ipad (vertical position). would be nice that it resizes itself so whole image is seen. reference URL: http://oshonow.net

    2. would be really nice to have Sidebar Contents Display just Before/ Below the Footer widgets on Mobile phones.

    for the code-phobic types like me any help from you is appreciated.

  2. Andrew
    Forum Moderator
    Posted 4 months ago #

    1. There's a limitation in what you can achieve there, because if you resize the image to fit you'll have a shorter image and then you'll have a lot of empty space. Have you tried doing this with CSS "background-size" of "100%" to explore this? It looks like the theme has used the cropping method to circumvent this.

  3. akhilz
    Member
    Posted 4 months ago #

    thanks andrew nevins

    .header {
    background: no-repeat center;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    }

    made changes as shown above and it worked!

    any suggestions for the point 2, i.e. Sidebar Contents to Display just Before/ Below the Footer Widgets on Mobile phones?

    thanks again...

  4. Andrew
    Forum Moderator
    Posted 4 months ago #

    Where does the sidebar display at the moment on mobile?

  5. akhilz
    Member
    Posted 4 months ago #

    Sidebar doesn't Display at all on mobile phones or anything with the width of less than 800px i guess.

  6. Andrew
    Forum Moderator
    Posted 4 months ago #

    What happens if you add:

    .sidebar {
     display: block;
    }
  7. akhilz
    Member
    Posted 4 months ago #

    wow!
    that worked like a charm, thanks so much...

  8. bewhuebner
    Member
    Posted 4 months ago #

    Just to clarify, where should the above code be added in order to display the sidebar above the footer? I realize that it will go somewhere in the .css, and that the bottom section (14) is the responsive, but I tried adding it and didn't get the sidebar to display... Thanks...

  9. Anders Noren
    Member
    Theme Author

    Posted 4 months ago #

    Hi bewhuebner,

    If you remove line 1912 in style.css, the sidebar will be displayed above the footer on mobile.

Reply

You must log in to post.

About this Theme

About this Topic