Full Width Header

  • Resolved shomi

    (@shomi)


    12 years ago

    Hi,

    Here is a link to our website:
    http://www.pearlypoppies.com

    If you see, the header part is not full width. They have quite large right and left margins.
    How do I make the header part full width? An example would be this website:
    http://corallista.com

    Thanks in Advance
    Kind Regards
    Somdatta

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Richie KS

    (@rkcorp)

    12 years ago

    you can’t but for the top nav to be full width add this to theme option->custom css

    #custom #container {margin: 50px 0 0;}
#custom #top-navigation {margin: 0px;left: 0;top: 0;position: absolute;}
#custom .effect-1:before, #custom .effect-1:after {display: none;}
    Thread Starter shomi

    (@shomi)

    12 years ago

    Hi Richie,

    Thanks for the reply. It worked fine with the top nav. Just one more question, is it possible to make it float? Or should I open a new thread with this question?

    Thanks and Regards
    Somdatta

    Theme Author Richie KS

    (@rkcorp)

    12 years ago

    maybe this
    #custom #top-navigation {margin: 0px;left: 0;top: 0;position: fixed;}

    previous absolute to fixed

    Thread Starter shomi

    (@shomi)

    12 years ago

    Thanks Richie. It worked but it is transparent and sometimes going behind the texts and ads while scrolling. I will not make it floating.
    I am marking this post resolved.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Full Width Header’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: shomi
  • Last activity: 12 years ago
  • Status: resolved