Create Full Width Header in Thesis Theme 2.0

Recently we are posing Thesis Theme 2.0 tutorials in our blog and also we gave free Thesis 2.0 boxes,

In this post I am going to show you, how to create full width header in Thesis Theme 2.0?

Let’s see the procedure,

Steps

  • Go to wordpress admin section
  • Then go to thesis skin editor section
  • Then create one Full Width header container via thesis Add Boxes section
  • Then click on that container and add HTML id as per below image

full

  • Then add that container in body section
  • Then add header container to full width header container as per below image

container

  • Then save your template and go to CSS section
  • Then add single element package as per below image

single element

  • Then add name, reference and CSS sector as per below image

full width

  • Then go to options section and write width as 100%  as per below image, then click on save button

width

  • Then add your reference name in skin CSS section”&full_width_header”
  • Then click on default header package section and go to options section
  • Then add width 900px, top margin 0, right margin auto, bottom margin 0 and left margin auto as per below image, then click save button

header width

  • After finishing above things click on save CSS button
  • Now you successfully created full width header in Thesis 2.0.

If you have any doubt or suggestion, feel free to write as comment in comment section.

We launched Thesis Skins for Thesis Theme 2.0, if you have time, visit our Thesis Skins page.

If you like above tutorial, share with your friends via following social media options.

Leave a Comment

  • John August 4, 2015, 4:34 am

    Can you please do a video tutorial on the steps to take. I am lost. I have just bought the skin from your site.

    Hope there can be a video tutorial on how to do a full width skins like tinylittlebusinesses.com

    Thanks.

    • admin August 5, 2015, 4:40 am

      HI,

      Regarding this i emailed u…

      Thanks
      Sakthi..

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.