Landscape theme Hard time creating a mobile version of my site (essentially r

Hello everyone,

I’m using the free theme “Landscape”.

https://wordpress.org/themes/landscape

And it’s about this website:

http://kirituarua.com

I will try to be as precise as possible and say that I’m not (at all) a tech person and I don’t know much about coding (but I’m able to follow instructions and I’m willing to resolve this 🙂

Here is my problem.

I wanted to make my website mobile friendly. So I downloaded and installed the Jetpack plugin. And I only activated the “mobile” function of it.

I also have the custom CSS plugin (not the jetpack one) installed with these line of codes on it:

—-
.site-header img, .entry-content img, .comment-content img, .widget img, .single-thumbnail img {
box-shadow: none;
}
.entry-meta .byline, footer.entry-meta {
display: none;
}
—-

I customized my theme with my own header (1440 × 250 pixels).

I checked on different websites to see if mine was mobile friendly. I tested on

1) http://www.studiopress.com/responsive/

2) http://snippets.hubspot.com/hubspot-device-lab

On 1)

– My header is not resizing at all.

– When I scroll down, the “black banner” for “Menu” doesn’t scroll down and stay on the middle while the rest of the screen is scrolling normally.

The resizing of the screen in general looks fine but I don’t know about the post titles because instead of resizing a title on the same line, it’s using multiples lines, so a title like “International Women’s Day 2015” becomes

International
Women’s
Day
2015

On 2)

– In all type of mobile device, the first page I see looks fine. Everything, included the header, is resizing fine. And I guess this is the Jetpack mobile version that I can see here. But why the only thing is that it only show the “featured post” without any Image?

– When I click on “continue reading”, I’m landing on the post and again, the header doesn’t resize, and the “banner menu” still doesn’t move.

– And by the way, when I reduce the size of my browser’s window, the header doesn’t resize also. And the “banner menu” still doesn’t move.

– Ideally, if possible, I would prefer the screen I see normally, not the one used by Jetpack mobile version. And of course with everything resizing correctly.

If someone knows anything about these, a little help would be appreciated.

Thanks

Sebastian