Changing Browser Size Changes Site???

The demo site is working the way it was designed. Of course my screen is only 1280px wide, not sure what it looks like on a larger screen. What is it you seem to be losing as the browser gets larger? Maybe post a screen shot?

Thanks for the quick response!!

here are some screen shots:

before making screen bigger-DATE >> https://i59.tinypic.com/11gpnyt.png

after making screen bigger- DATE >> https://i60.tinypic.com/2jg42ko.png

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

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

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.

Why thank you- I did it. I didn’t do anything to change the date other than remove the background and change the font.

If you could give me a more productive response as the what would be wrong with the date that it is disappearing that would be great.

On the duena theme- that side date does disappear as well. It just moves in a different format.

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.

I will take down the coming soon page now for a bit so you can check it out. Thanks so much

https://www.ohheyprettygirl.com

This CSS file has part of it as display none, it will have to be removed to get the icon to the left of the date to appear.
/custom-theme-for-ohpg/style.css

.post_type_label {
display: none !important;
}

You can add opacity to it and it will be the same as the post title.
opacity: .3;

The default duena stylesheet has the date set to top: 18;
Should be 100 to 110 depending on your liking.
again you can add opacity if desired.
You should change this in the stylesheet mentioned in my post above.

.post_date {
    top: 110px;
}

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.

Thank you all for your help-

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?

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.

Sorry for all the questions yet your help is much appreciated.

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?

here is an image/screen shot of what I am talking about with the mobile site.

https://i60.tinypic.com/2ughv86.png