Responsive

  • Resolved akhilz

    (@akhilz)


    10 years, 8 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: https://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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter akhilz

    (@akhilz)

    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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where does the sidebar display at the moment on mobile?

    Thread Starter akhilz

    (@akhilz)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What happens if you add:

    .sidebar {
 display: block;
}

    Thread Starter akhilz

    (@akhilz)

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

    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…

    Theme Author Anders Norén

    (@anlino)

    Hi bewhuebner,

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Responsive’ is closed to new replies.