Support » Theme: Mantra » adjustment of website to different resolution

  • Eugene.chint

    (@eugenechint)


    i am using header 1100 by 250 px.Now it looks ok on lap top but when resolution change to desktop screen goes wide and horizontal scroll bar appears.I tried relative size 60 to 20 and checked on http://quirktools.com/screenfly/ problem remained the same.Need help here

Viewing 8 replies - 1 through 8 (of 8 total)
  • indybook

    (@indybook)

    Hi Eugene.chint
    did you try to set the width of the banner img div to percentage, 100% or whatever you need?
    sounds like what you have now is just set in px

    Eugene.chint

    (@eugenechint)

    where in css

    indybook

    (@indybook)

    style.css
    look for #branding

    indybook

    (@indybook)

    well… in your style.css (or screen.css), (i don’t use this theme)) you’ll have:

    #wrapper, #access, #colophon, #branding, #main {
    width: 1100px;
    }

    change it for

    #wrapper, #access, #colophon, #main {
    width: 1100px;
    }
    #branding {
    width: 100%;
    }

    indybook

    (@indybook)

    if it won’t help, post your site link. i’ll see where’s your header img exactly

    Eugene.chint

    (@eugenechint)

    hold on pls let me check

    Eugene.chint

    (@eugenechint)

    I can see something like this

    /* The main theme structure */
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
    margin: 0 auto;
    }

    #branding {
    display:block;
    float:none;
    clear:both;
    height:75px;
    padding-top:0;
    padding-top:0px;
    padding-bottom:0px;
    }

    #forbottom {
    min-height:200px;
    }

    #wrapper {
    padding: 10px 0 0;
    }

    indybook

    (@indybook)

    i’d help if i had your site link

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘adjustment of website to different resolution’ is closed to new replies.