In this video, you’ll learn all there is to know about setting up the header for your website using Bridge. Specifically, we’re going to cover different header types that are available in Bridge and show you how to add a menu to your header.

Next, you’ll learn about the available header types – how to choose one and what each of the types looks like. We’ll also talk about setting up your header options, from height, skin, background color, to transparency and border options.

Finally, we’ll discuss the difference between the top and the bottom header and show you how to set up top header, too.

You can jump to specific parts of the video by clicking the appropriate timestamp link in the following list:

00:00 – Introducing
00:10 – Basic kinds of headers in Bridge
00:32 – Adding a menu to the header
01:17 – Setting header position and span
02:14 – Header types available in Bridge
07:46 – Setting header height, skin, background, color, transparency and border
11:07 – Enabling and setting up the top header
13:40 – Using different headers for different pages

Tutorials mentioned in this video:

Understanding Global and Page Settings in the Bridge WordPress Theme: https://youtu.be/tKfg1LX7_GA

You can view the full Bridge documentation at:

http://bridge.qodeinteractive.com/?utm_source=YouTube&utm_medium=Channel&utm_campaign=BridgeSupport

Need help with Bridge? Get in touch with our support team at:

https://helpcenter.qodeinteractive.com/hc/en-us?utm_source=YouTube&utm_medium=Channel&utm_campaign=QodeSupport

Ready to create your next beautiful website? Get a copy of Bridge
here:

https://qodeinteractive.com/wordpress-theme/bridge-creative-multi-purpose-wordpress-theme/?utm_source=YouTube&utm_medium=Channel&utm_campaign=BridgeSupport

Check out our entire collection of 400+ premium WordPress themes
at:

https://qodeinteractive.com/?utm_source=YouTube&utm_medium=Channel&utm_campaign=BridgeSupport

Don’t forget to sign up for our newsletter and be the first to
find out all the latest news:

https://qodeinteractive.com/newsletter/?utm_source=YouTube&utm_medium=Channel&utm_campaign=BridgeSupport

Follow us on all your favorite social networks.

Facebook: http://bit.ly/QodeFacebook
Twitter: http://bit.ly/QodeTwitter
Instagram: http://bit.ly/QodeInstagram
Pinterest: http://bit.ly/QodePinterest
Dribbble: http://bit.ly/2QtzXRz
Behance: http://bit.ly/QodeBehance

source

25 Comments

  1. Hi! Thanks for this video. When I set the header to be transparent, it does not merge with the title area – the title area image does not appear beneath the header. What am I doing wrong? I want my header to look like it does in your example (at 10.28 seconds). Help appreciated

  2. super useful to see all of the headers in action, but my mobile header settings are not applying. I've set it to transparent and have made sure there is no color setting on the Mobile Header settings in Quode Settings, but when it goes to mobile it still turns white? The minimized hamburger menu is also aligned left and gets covered by my logo in that same position. Thanks!!

  3. Thanks for videos. But I'm facing login / registration page issue. I can't use this theme because there is no way to display login / registration page. Of course, I found qode membership in googling and installed that plugin, but it's not working and very hard to use. Please let me know how to install and use this, and can I custom login page? Thanks.

  4. Hi, I uploaded my demo template with Fixed Advanced Header. It had text boxes on both sides. When I deleted them , LOGO magically moved to the right side of the page. Why is that? How do I prevent it?

  5. When I use the top header menu, the navigation (about, contact, work) are below the title "Main" which I have called it. Also all my styling only applies to the "Main" type rather than the actual navigation. Can that be fixed?

  6. Hi. Thank you very much for these tutorial videos. This helps a lot. I've got a problem with my header though. Unfortunately the menu text will be shoved under the logo, if the wide of the browser gets reduced, until it changes to mobile header. Is there a way to set the change from desktop to mobile header earlier? 
    For example: let's say currently the theme changes from desktop header to mobile if the wide of the browser is less than 200 pixels. But with this setting the menu runs behind my logo in the left. Can I change the setting from desktop to mobile to 250 px instead of 200?
    Thank you for your help in advance.

Leave A Reply

Please enter your comment!
Please enter your name here