Title: Changing Browser Size Changes Site??? Last modified: August 21, 2016 --- # Changing Browser Size Changes Site??? * Resolved [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/) * So when I drag the browser window to make it bigger, the site design goes w/ it and the spacing becomes off and I lose some elements. * Anyone know how to fix this? Let me know- I am stumped!! * My site has a coming soon page up, but it’s the same issue on the demo site? Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/changing-browser-size-changes-site/page/2/?output_format=md) [→](https://wordpress.org/support/topic/changing-browser-size-changes-site/page/2/?output_format=md) * [batharoy](https://wordpress.org/support/users/batharoy/) * (@batharoy) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586651) * 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? * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586655) * Thanks for the quick response!! * here are some screen shots: * before making screen bigger-DATE >> [http://i59.tinypic.com/11gpnyt.png](http://i59.tinypic.com/11gpnyt.png) * after making screen bigger- DATE >> [http://i60.tinypic.com/2jg42ko.png](http://i60.tinypic.com/2jg42ko.png) * [Nhat](https://wordpress.org/support/users/gotonhat/) * (@gotonhat) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586659) * 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 * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586660) * That makes sense- I just wish the date wouldn’t disappear 🙁 * [Nhat](https://wordpress.org/support/users/gotonhat/) * (@gotonhat) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586663) * > 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](http://tmbhtest.com/themes/duena/). * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586666) * 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. * [Nhat](https://wordpress.org/support/users/gotonhat/) * (@gotonhat) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586667) * 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. * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586669) * I will take down the coming soon page now for a bit so you can check it out. Thanks so much * [http://www.ohheyprettygirl.com](http://www.ohheyprettygirl.com) * [batharoy](https://wordpress.org/support/users/batharoy/) * (@batharoy) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586674) * 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; } ``` * [batharoy](https://wordpress.org/support/users/batharoy/) * (@batharoy) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586676) * You can add opacity to it and it will be the same as the post title. `opacity:. 3;` * [batharoy](https://wordpress.org/support/users/batharoy/) * (@batharoy) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586678) * 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; } ``` * [Nhat](https://wordpress.org/support/users/gotonhat/) * (@gotonhat) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586679) * 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](https://wordpress.org/support/users/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. * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586692) * 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. * [Nhat](https://wordpress.org/support/users/gotonhat/) * (@gotonhat) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586697) * > 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? * Thread Starter [fashionlushxx](https://wordpress.org/support/users/fashionlushxx/) * (@fashionlushxx) * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/#post-4586698) * here is an image/screen shot of what I am talking about with the mobile site. * [http://i60.tinypic.com/2ughv86.png](http://i60.tinypic.com/2ughv86.png) Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/changing-browser-size-changes-site/page/2/?output_format=md) [→](https://wordpress.org/support/topic/changing-browser-size-changes-site/page/2/?output_format=md) The topic ‘Changing Browser Size Changes Site???’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/duena/2.0.0/screenshot.png) * Duena * [Support Threads](https://wordpress.org/support/theme/duena/) * [Active Topics](https://wordpress.org/support/theme/duena/active/) * [Unresolved Topics](https://wordpress.org/support/theme/duena/unresolved/) * [Reviews](https://wordpress.org/support/theme/duena/reviews/) * 20 replies * 4 participants * Last reply from: [esmi](https://wordpress.org/support/users/esmi/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/changing-browser-size-changes-site/page/2/#post-4586759) * Status: resolved