WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: Mantra] Making header and footer cover entire width (9 posts)

  1. rahulmehta11
    Member
    Posted 1 year ago #

    I am using Mantra theme (v 2.03) for my travel blog (traveloffbeat.in/wp). I need the website header and footer to cover full page width (leaving no blank space on sides). I have tried many fixes which involved editing css files and function.php but I am still not able to get the desired design.

    Any help in this regard will be useful. Thanks in advance :)

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    First consider setting up a Child Theme.

    Then copy header.php and footer.php and paste them into your Child Theme directory.

  3. rahulmehta11
    Member
    Posted 1 year ago #

    Hi Andrew,

    Thanks for the prompt reply. I have created and activated the child theme and copied the two files.
    What should I do now?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Did you resolve the issue?

  5. rahulmehta11
    Member
    Posted 1 year ago #

    No I am still stuck. I took the header out of main container and it expanded to full width but now its aligned to the left. I want it to be aligned to the center.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    You need to give <div id="masthead"> the same styling as the container:

    #masthead {
     width: 1100px;
     margin: 0 auto;
    }

    http://www.w3.org/Style/Examples/007/center.en.html

  7. rahulmehta11
    Member
    Posted 1 year ago #

    I was able to resolve the issue. Thanks a lot for help Andrew!

  8. rahulmehta11
    Member
    Posted 1 year ago #

    Resolved.

  9. Newki75
    Member
    Posted 4 months ago #

    Hello rahulmehta11,

    Could you tell me how you did? What did you mean by "I took the header out of main container". I'm not bad on html / css but terrible in php lol
    Thanks for you help

Topic Closed

This topic has been closed to new replies.

About this Topic