WordPress.org

Ready to get started?Download WordPress

Forums

Duena
[resolved] Changing Browser Size Changes Site??? (21 posts)

  1. fashionlushxx
    Member
    Posted 5 months ago #

    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?

  2. batharoy
    Member
    Posted 5 months ago #

    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?

  3. fashionlushxx
    Member
    Posted 5 months ago #

    Thanks for the quick response!!

    here are some screen shots:

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

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

  4. Nhat
    Member
    Posted 5 months ago #

    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

  5. fashionlushxx
    Member
    Posted 5 months ago #

    That makes sense- I just wish the date wouldn't disappear :(

  6. Nhat
    Member
    Posted 5 months ago #

    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.

  7. fashionlushxx
    Member
    Posted 5 months ago #

    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.

  8. Nhat
    Member
    Posted 5 months ago #

    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.

  9. fashionlushxx
    Member
    Posted 5 months ago #

    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

  10. batharoy
    Member
    Posted 5 months ago #

    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;
    }
  11. batharoy
    Member
    Posted 5 months ago #

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

  12. batharoy
    Member
    Posted 5 months ago #

    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;
    }
  13. Nhat
    Member
    Posted 5 months ago #

    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.

  14. fashionlushxx
    Member
    Posted 5 months ago #

    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.

  15. Nhat
    Member
    Posted 5 months ago #

    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?

  16. fashionlushxx
    Member
    Posted 5 months ago #

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

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

  17. Nhat
    Member
    Posted 5 months ago #

    Oh that, there are 2 options to resolve that issue:

    One is to tell the browser to not show it.

    @media (max-width: 767px) {
    .select-menu { display: none !important; )
    }

    Another is to recode the entire navigation bar.

    Not sure which one you'd prefer.

  18. fashionlushxx
    Member
    Posted 5 months ago #

    since my menu is in my sidebar I think I will remove it rather than recode the whole thing :) thanks!

  19. Nhat
    Member
    Posted 5 months ago #

    If everything's resolved, please mark this topic as resolved. :)

    Thank you,
    Nhat

  20. fashionlushxx
    Member
    Posted 5 months ago #

    thanks!

  21. esmi
    Forum Moderator
    Posted 5 months ago #

    @Nhat: will you please stop encouraging people to add or edit their main theme's stylesheet. They need to use a child theme or a custom CSS plugin.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.