WordPress.org

Forums

Hemingway
[resolved] Responsive (9 posts)

  1. akhilz
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Where does the sidebar display at the moment on mobile?

  5. akhilz
    Member
    Posted 1 year ago #

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

  6. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    What happens if you add:

    .sidebar {
     display: block;
    }
  7. akhilz
    Member
    Posted 1 year ago #

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

  8. bewhuebner
    Member
    Posted 1 year 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 1 year ago #

    Hi bewhuebner,

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic