WordPress.org

Ready to get started?Download WordPress

Forums

fix theme width problem (25 posts)

  1. lasha200
    Member
    Posted 1 year ago #

    i just fix my theme width, but have 1 problem when window resize.
    this is my website

  2. lasha200
    Member
    Posted 1 year ago #

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Did you build the site to work on smaller browser sizes?

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

  5. lasha200
    Member
    Posted 1 year ago #

    just tell me how fix my error

    p.s. i have companion pluggin

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    Have you created & activated a child theme yet?

  7. lasha200
    Member
    Posted 1 year ago #

    no, but have companion plugin. it isnot same?

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    What companion plugin?

  9. lasha200
    Member
    Posted 1 year ago #

    css overwrite pluggin Theme Companion

    [No bumping. If it's that urgent, consider hiring someone.]

  10. esmi
    Forum Moderator
    Posted 1 year ago #

    I can't find any plugin with that name in http://wordpress.org/extend/plugins/

  11. lasha200
    Member
    Posted 1 year ago #

    i checked and this plugin is deleted and now is jetpack from wordpress.com "Jetpack by WordPress.com"

    [stop bumping]

  12. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    but have 1 problem when window resize

    what is the problem?

    can you post a screenshot?

    do you have the 'responsive styles' corrected for fixed width?

  13. lasha200
    Member
    Posted 1 year ago #

    resize windows and u can see, it's my website:
    rstudio.ge

  14. melgomez
    Member
    Posted 1 year ago #

    Honestly I don't seem to find problems with your website, even if I resize my window. It would much be easier for us to help if screenshots are posted.:) Thanks

  15. lasha200
    Member
    Posted 1 year ago #

  16. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    I still don't see a problem; both images are more or less the same.

    by design, the header image will shrink when you narrow the browser window.

    can you try to use words and images/screenshots to explain where you see a problem ?

  17. lasha200
    Member
    Posted 1 year ago #

    hmm...
    this is video, i hope you can see problem...
    http://youtu.be/AvBRica8n6E

  18. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    you need to work through the 'responsive styles' section of style.css to find and compensate the styles responsible for the shift in the layout;
    a tool such as Firebug http://getfirebug.com/ might help you to identify which styles you need to edit.

  19. lasha200
    Member
    Posted 1 year ago #

    i know this problem coming from style.css, but i need concrete way, code...

  20. melgomez
    Member
    Posted 1 year ago #

    @alchymyth is right. you need specify your max-widths and min-widths. and try using accurate values of your css(in pixels) instead of percentages.

    the said tool by alcymyth will help you a lot but i'm not sure if you're using the parent theme since i want to suggest doing these changes on a child theme.

  21. Trible
    Member
    Posted 1 year ago #

    Nope... changing the Responsive Structure width didn't work either. Here's what I tried

    WAS
    /* =Responsive Structure
    ----------------------------------------------- */
    @media (max-width: 800px) {
    width: auto;
    }

    TRIED
    /* =Responsive Structure
    ----------------------------------------------- */
    @media (max-width: 1000px) {
    width: 1000px;
    }

    ...and new menu items STILL canNOT be saved to the navbar :-(

  22. Trible
    Member
    Posted 1 year ago #

    Ooops, sorry... I responded to the wrong post by mistake.

  23. lasha200
    Member
    Posted 1 year ago #

    /* =Responsive Structure
    ----------------------------------------------- */
    
    @media (max-width: 800px) {
    	/* Simplify the basic layout */
    	#main #content {
    		margin: 0 7.6%;
    		width: auto;
    	}

    i changed width: auto; but not working

    [Stop bumping. If it's that urgent, consider hiring someone.]

  24. jayantisolanki
    Member
    Posted 1 year ago #

    #page {
        max-width: 1000px !important;
    }

    Try This ...

  25. lasha200
    Member
    Posted 1 year ago #

    Jayanti Solanki
    no effeqt :(

Topic Closed

This topic has been closed to new replies.

About this Topic