Full width header with fixed container width

Alireza Jahandideh shared this question 4 years ago
Answered

Hi,


I want a header containing logo and menu and it is sticked to the top. Now, the header has a solid background color of #eee and it's contents are wrapped in 1170px wide container and center aligned ( see attached image )


I could not find a way to do that, Please help


1c3315c21fb9961fdb72bfe217309c1d

Comments (4)

photo
1

Hi Alireza,


Check the 'Floating menu' widget from the Parallax elements library.


Regards,


Lidia

photo
1

Hi there,


Thanks for your answer, I know about the Floating menu, the problem is that I could not make it fullwidth. the default widget's background color is white, I want to change it to #eee and I want it to be fullwidth. I cant achieve that.


I hope this picture helps


c86e93f31b4155ad5b5d35d675c9268c

photo
1

At this page, look at the menu bar and how it is full width of the page


http://www.justinmind.com/overview

photo
1

I just found a work-around:


I made the floating menu width very large 2500px andmade it off canvas. Then I locked the screen from being horizontally scrolled.


Pleas let me know if there is a better way