Nhat

That did work bringing the date back, but when the browser is expanded the placement of the date is kind of off? Can it be aligned to the left & closer to the post title?

@media (max-width: 1350px) and (min-width: 1200px) {
#primary .post_date { top: 113px; left: 35px; }
}

^ that should help.

Also- not sure if anyone can help me with this, but when you pull up the site on a mobile the menu arrow doesn’t look correct? It’s just the image is broken in half sort of.

I’m not sure what you mean here. Could you please be more specific?

Nothing extra, just add

#header-message { display:none; }

Just tested it again, it works on my end. Try adding it to the bottom of your main theme’s style.css. If that work on the main theme’s style.css, then that means there’s something wrong with the child-theme’s configuration.

Please put this into the bottom of your theme’s CSS or child-theme’s CSS; or if you have WordPress’s official Jetpack plugin, go to Appearance –> Edit CSS:

@media (max-width: 1100px) and (min-width: 980px) {
#primary .post_date { top: 116px; left: 17px; }
}

@media (max-width: 979px) {
#primary .post_date { top: 116px; left: 15px; }
}

The @media queries define which screen sizes they should apply. The theme is based on a custom version of Bootstrap; so remember to take that into account, too.

We can’t really help with the coding unless we can see hte site itself. All we have is the default demo, which doesn’t have the issue. We don’t have access to the one with the issue.

That makes sense- I just wish the date wouldn’t disappear ??

The date isn’t disappearing on the default demo of Duena (you’ve posted your question in the Duena forum section so I’m assuming that you’re using that theme). Unless we’re talking about two different themes here, the date on your site disappearing could be because whoever customize it made a mistake somewhere.

You can check the demo of the site here.

Hi fashionlushxx,

It’s call “responsive design.” And it’s a good thing.

Responsive design is trendy nowadays because many people browse the web with their tablets and smartphones. Responsive design allows a website to look good across many devices.

Hope this helps,
Nhat

Yeah, if you wish to hide it with CSS, then use

#header-message { display:none; }

Add that code to the bottom of your main theme’s style.css or child-theme’s style.css; or if you have WordPress’s official Jetpack plugin installed, then go to Appearance –> Edit CSS and add it there.

Hi happinessmakesyou,

Could you please provide us a link to your site? It’s hard to tell what you mean without actually seeing it.

Thank you,
Nhat

Hi nickmarzano,

By “tagline,” you mean the text right under the site title?

In that case, you can go to Appearance –> Customize –> Site Title and Tagline. Then remove the tagline on there.

Nhat

Hi,

It’s a premium theme from Themify.me; so we cannot tell whether it’s something that’s intended by the theme author or it’s something else. I’d suggest you to try to contact them directly.

Generally a widget can be taken out by dragging it out of the sidebar area, but once again, we don’t have access to that theme; we can’t tell. Sorry!

——–

For now, you can use this as a temporary solution:

#archives { display: none; }

Put that code at the bottom of your main theme’s style.css or child-theme’s style.css; or if you have WordPress’s official Jetpack plugin installed, you can put it in Appearance –> Edit CSS.

Again, I’d recommend contacting Themify.me’s support team for this.

Hope this helps,
Nhat

To do that, I’d suggest you use FTP. It is how we get our files from our computer to the web hosting server (thus viewable on the web).

I see that you’re on Dreamhost. You can read a tutorial on how to access and upload your files via FTP client FileZilla on Dreamhost here.

It’s easier than it looks, by the way. And I believe Dreamhost live chat team would help you setting up your FTP client, too, if you ask them ;).

——-

Also, if all you want to do is customizing style.css (without involving the PHP parts), then another easier option is to install WordPress’s official Jetpack plugin. This gives you something similar to a child-theme’s CSS customization in Appearance –> Edit CSS.

Nhat

Because with responsive design, many web developer utilizes @media queries to help tell the web browser what to display at certain screen sizes.

Quick basic examples:

.some-class {
/* some general styles here */
}

@media (min-width: 960px) {
.some-class { /* how some-class display at screen sizes 960px */ }
}

@media (min-width: 640px) and (max-width: 959px) {
.some-class { /* how some-class display at screen sizes between 640px and 959px */ }
}

@media (max-width: 639px) {
.some-class { /* how some-class display at screen sizes smaller than 639px */ }
}

Responsive does not mean fluid.

Hmm . . . when I change the colors in the theme option (like this) and hit the Save button, it works. Have you made sure to hit the Save button and see the green check mark come up?

Alternatively, we could use CSS:

.main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-parent a, .main-navigation ul li.current_page_parent a, .main-navigation ul li.current-menu-ancestor a {
background-color: #6DBDD6 !important;
}

.main-navigation ul li:hover a {
background-color: #6DBDD6 !important;
}

Put these into your theme’s Custom CSS tab.

Hi,

That’s not possible with the current header image because it is large enough to covering everything. Here’s what your current header image look like: [link].

You’re going to have to change your header image if you wish to do that.

Nhat

Hi,

I believe the theme author means to tell you to add that line to the bottom of your main theme’s CSS or your child-theme’s CSS; or if you have the official WordPress Jetpack installed, you can go to Appearance –> Edit CSS and add it there.

With CSS, generally whatever you write at the bottom will overwrite whatever you wrote above (unless it is declared as !important).

Nhat