Fixed header bar on wordpress - css

I am using wordpress to develop a site with link at here. I would like to fix the position of the header bar so even I scroll down, the header bar will continue to display.
Here is my original css file. I have tried to add css {position:fixed} to .header; however, it is not working. May anyone please help for the issue?
Thanks

Related

unwanted horizontal scrollbar in Divi Theme

so I am making my first website in WP using Divi Theme and suddenly this horizontal scrollbar shows on 14' screen that hasn't been there before. When I view it on tablet or phone or 17' plus screens there is now scrollbar at all. I am not aware that I have done anything particular for it to be displayed. I tried to check width settings, but it doesn't seem to be the real issue. My website is https://vonofit.cz/en/home/ also as website screenshot I would really appreciate any advices as I am beginner to this. Many thanks anyone.
Jan
This is occurring because something is making the page container larger than the browser window, which makes the scroll bar appear so the user can scroll to see the excess space. I didn't identify what is causing the issue, but an easy fix would be to add a line of css to the stylesheet that will make the page overflow hidden. Something like this should work:
div#page-container {
overflow:hidden;
}

Wordpress Woocommerce theme's Header is not transparent like in the original demo

I just installed the Woocommerce theme "Organik" on my test website.
I imported the preset templates and selected "Organik House" as my Home page.
Now the issue is, The header in my website has a solid white background colour while the demo has a transparent one. Even after scrolling down the home, the overlay header colour stays white while on the demo it goes dark grey.
I can't figure out what the issue is. It looks like a css issue, Idk for sure.
Here is the demo site:
http://organik.thememove.com/organik-house/?header_type=header-03
Here is my test site:
https://hameedhudeen.tk/1/
I have checked the theme customisation settings already and the header colour is selected as transparent. Still the header is white.
First, I think you need to check options in wp-admin > appearance > customize. Sometime themes provide few options regarding Header there.
I have checked it and it looks like your ".content" div is not starting from top of the body. Your "header" is already transparent. If you have still an issue, let me check it out.
Solution:
User Anil K helped me solve the issue.
It was not a css issue. It was due to mismatched settings.
Here is the solution provided by him
Hi bro... there were some settings for particular page in bottom when
you edit the page like homepage. We disable the padding, title and
upload the white logo for homepage only from there. This is not a
issue but we are missing few settings.
Screenshots
Thanks bro! :)

Want to create a menu in wordpress exactly likes http://www.bienvillecapital.com/

I want to create a vertical menu exactly like http://www.bienvillecapital.com/. I have tried few themes having vertical menu and also tried SuperFly menu plugin to get the result. Can anyone help me to get this?
Thank you.
Navigation bars are nothing more than HTML and CSS code aligned properly. I'm not really sure how well you know CSS and HTML, but this can be done with those, and understanding the concept is very direct. Please refer to this page for example: http://www.w3schools.com/css/css_navbar.asp

Center Logo in line with Menu - Avada Theme

I am trying to have my logo inline with my menu and centered.
3 menu's - logo - 3 menu's
I am also trying to get the sticky header to do this.
I have been trying to modify the css and header.php, but I am having issues.
Can someone please help me?
My website is http://wintandkidd.net
I was already able to do this on my sticky header and on the header itself but it did not look good. Thank you for those who looked into this. I am working to put the logo within the slider below the menu which would make the site look better.

Why does my website shows a Horizontal Scroll

My website byteindia is built on Thesis Theme and Wordpress and shows a horizontal scroll bar. I am not able to figure out why. Can anyone help me point out the problem?
It's the twitter widget, one of the divs in the iframe is rendering 300px wide.

Resources