thisguynelson

Hi, thanks for responding.

My problem is that the featured image is being targeted through inline css. Using a seperate stylesheet hasn’t been working to adjust styles at all. I’m using a child theme and I’m not sure how to overwrite the use of inline styles. Thus, I can’t use a media query like that.

Yes! I see the content of the excerpt but not the title on the front page. If I go to the blog page, however, I see what I want to.
This is what I’m seeing
https://imgur.com/S9GRmO5

No header or featured image.

It’s a custom theme made with _s

Thanks for the idea, it helped me figure out how to add page titles again. My problem is that it didn’t do what I thought it would. I have my blog excerpts being pulled into the home page but the header isn’t showing. Any idea why this might be?

Brett

The web page is currently being locally hosted.. Not sure how I could show a web page.

Is there a way to simply make a different header on different screens?

Hmmm, I’m not really sure how to do that. I tried to paste the html, css, and js into the JSfiddle but I just got a static black box.

Essentially, I would just like to know what the JS would look like to have a slide left, not a slide down.

It’s currently being hosted on local servers.

Here is the CSS:

.search-toggle {
    float: right;
    width: 86px;
    height: 86px;
    padding: 22px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
}
.search-box-wrapper {
    z-index: 2;
    width: 100%;
    display: none;
}
.search-box {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #000;
}
.search-box .search-field {
    max-width: 392px;
    float: right;
    padding: 1rem 2rem 1rem 4rem;
    font-size: 20px;
    font-size: 2rem;
    background-color: #fff;
    border: 0;
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
    display: none;
}