Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 1, 2015 at 11:09 pm #545653
    SynergyLanguageServices

    Hi,

    I would like to control the different main sections (header, main content and footer) separately.

    Currently I am using these CSS codes:

    /*Sets max menu header width*/
    #header_main {
    max-width: 90%;
    }

    /*Sets max container width*/
    .container {
    max-width: 95%;
    }

    /*Sets max socket width*/
    #socket .container {
    max-width: 95%;
    }

    But the issue is that the first one doesn’t work the way I would like it to work. I would like the header to adjust to the given percentage from both side, but my logo doesn’t seem to move from the left to the right, stays as is, but the menu items are moving from the right to the left, towards the middle, when I adjust the percentage in this CSS code. So, not sure is there a better way of doing this?

    see my current website at allotropydigital.com

    Look forward to hearing from you soon.

    Best regards,

    Ben

    December 2, 2015 at 5:50 am #545739
    Rikard

    Hi SynergyLanguageServices,

    Try something like this instead for the header:

    #header_main .inner-container {
    max-width: 90% !important;
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

    December 9, 2015 at 7:48 pm #549940
    SynergyLanguageServices

    Hi Rikard,

    Thanks this worked well.

    Could you also advise me how I can change the width of the social header a similar way (where the telephone number and the social icons are)?

    Many thanks,

    Ben

    December 10, 2015 at 7:51 am #550204
    Rikard

    Hi,

    Try the following as well:

    #header_meta .container {
max-width: 90% !important;
}

    Regards,
    Rikard

    December 10, 2015 at 1:15 pm #550327
    SynergyLanguageServices

    Hi Rikard,

    Thanks a lot, this worked well.

    Thanks for all your help guys, this topic can be closed now.

    Kind regards,

    Ben

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘custom width’ is closed to new replies.