Header Designer — Visual Header Builder (Menus)


Header Designer is an extension for Visual Composer WordPress Page Builder that helps you to design and replace default website header provided by your theme.

1. Works with any theme/plugin

The plugin allows you to create or import new header in minutes with full integration into any theme, you can also use shortcodes of your favourite plugins to add extra features in your new header.

2. Smart Code

Header Designer was written by experienced WordPress theme developer using best practices of optimisation PHP, HTML, CSS, JS code that guarantees a high-speed page loading.

3. Responsive Design

You can manage the appearance of your header directly in header editor with flexible admin interface provided by VC Plugin. Hide/show/change elements for mobile/tablet/desktop screens separately.

4. Visual Composer Extesion

Use any version of Visual Composer to create or edit imported headers. You can also create several headers and set them for different pages of your site like search page, single post, archive or home page.

Key features:

  • Works with Visual Composer
  • Works with Revolution Slider
  • Works with Contact Form 7
  • Works with Uber Menu
  • Works with Essential Grid
  • Works with Mail Chimp
  • Demo headers are ready to import
  • Different headers for different pages
  • Unlimited color schemes
  • Ready for WordPress 4+ Tested and Approved
  • 100% Responsive Layout
  • Retina Ready
  • Sticky Nav
  • Mega Menu Built In
  • WooCommerce compatible
  • Clean & Modern Design
  • Built with HTML5 & CSS3
  • Compatible with Many Popular Plugins
  • Cross-Browser Compatibility FireFox, Safari, Chrome, IE9, IE10, IE11
  • Advanced Search Options with AJAX Results!
  • Translation ready with po/mo files
  • Google Web Fonts, System
  • Integrated Font Awesome icons
  • Integrated Pe-icon-7-stroke icons
  • Built-in Social Feeds
  • SEO Optimized
  • Google Page Speed Optimized
  • Advanced Typography Options
  • Excellent Customer Support
  • Frequent updates with new features
  • Google Map Integrated
  • Support videos from any major services (YouTube, Vimeo)
  • Support audio from any major services (SoundCloud)

Change Log:

v1.0.1 (28 Mar 2016)

 - Header settings for Single Pages was added  - Minor bug fixes - CSS optimisation 

v1.0.0 (24 Mar 2016)

 - Initial Release 

CodeCanyon new WordPress items

HayyaBuild – Responsive Header and Footer Builder (Interface Elements)


HayyaBuild is a powerful and straightforward backend drag-and-drop WordPress plugin that offers responsive headers and footers builder, this plugin is lets you to create an unlimited number of headers and footers variations using drag-and-drop.
Create and manage powerful headers and footers for your wordpress blog or website, its an easy to use plugin that will help you to save your time and grab your visitor’s.

HayyaBuild - Responsive Header and Footer Builder

No coding required
HayyaBuild is a simple drag and drop interface. its generates all the highly efficient code for you.
you’ll never need to write a single line of code.
Autocratically included js files and css files for elements only when you use it.

Save your time Writing a lot of HTML, CSS and JS can be a pain and can give you headaches and take a long time to get it done.
So with HayyaBuild you can create professional header and footer in just 5 minutes.
Also you can export and import it to avoid repeating the same steps every time you do.

HayyaBuild - Responsive Header and Footer Builder

HayyaBuild Features

  • Build beautiful Header and Footer – A beautifully designed can help to make a difference when attracting visitors to your website and getting them to stay awhile.
  • Different headers and footer on each page – crate a header and footer for each page, also can create a default header and footer to appear on all pages that are not allocated Header and Footer.
  • Fully Responsive & Retina – Responds to the screen resolution, works on all desktop and mobile devices.
  • Visibility Classes – Visibility classes let you show or hide elements based on screen size or device orientation. You can use visibility classes to control which elements users see depending on their browsing environment.
  • Drag and drop elements – Drag and drop is a more responsive and very common feature. It is when you “grab” an element and drag it to a different location.
  • Copy and paste elements – Simply hover over the element you want to copy and hit the Copy button on the top toolbar, and paste it into any container that you want.
  • Export and Import – This feature helps to export and/or import headers or footers. Using it you can easily transfer header and footers from one wordpress site to another.
  • Ready for translation – This plugin is ready for translation and its currently working in English only, and work is underway to add other languages.
  • parallax scrolling – is a technique in computer graphics and web design, where background images move by the camera slower than foreground images, creating an illusion of depth in a 2D scene and adding to the immersion.
  • Create Unlimited Headers and Footers – You can create as many as you want. Headers and Footers and customize it for pages that you want to appear on.
  • Background Image
  • Video background
  • more than 20 element

Elements List

  • Row
    Bootstrap’s grid system is responsive, and the columns will re-arrange depending on the screen size: On a big screen it might look better with the content organized in three columns, but on a small screen it would be better if the content items were stacked on top of each other.
  • Div Element
    The <div> tag defines a division or a section in an HTML document.
    The <div> tag is used to group block-elements to format them with CSS.
  • Fixed Div Element
    This DIV will be fixed position when scrolling is started.
  • HTML Element
    With this element you can insert any HTML code.
  • Icone Element
    You can insert icon with any size, color, or link that you want.
  • Menu Element
    With this element you can insert a menu to your header.
    It’s a daynamic menu you have to crate a new menu from wordpress menus setting.
  • Search Element
    Insert a search box to your header or footer.
    you can select a background style, font size or font color for this search box.
  • Separator Element
    Insert a separator element to make an empty space between elements.
  • Block Text Element
    You can insert any text that you want including images with CKEditor.
  • Social Menu Element
    A nice social menu including more than ten incons.
  • Archives
    WordPress Archives Widget.
  • WordPress Categories
    WordPress Categories Widget.
  • Recent Comments
    WordPress Recent Comments Widget.
  • Recent Posts
    WordPress Recent Posts Widget
  • Tag Cloud
    WordPress Tag Cloud Widget
  • Revolution Slider
    You can chose any slider to show it where you want
  • Bootstrap Alert
    Bootstrap provides an easy way to create predefined alert messages.
    Ycan easly create alert messages.
  • Bootstrap Button
    Bootstrap provides seven styles of buttons.
  • <!—

  • Bootstrap Lable
  • —>

  • Bootstrap Progress Bar
    A progress bar can be used to show a user how far along he/she is in a process.
    Bootstrap provides several types of progress bars.
  • Bootstrap Well
    rounded border around an element with a gray background color and some padding
  • Bootstrap Responsive Embed
    Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.


CodeCanyon new WordPress items

Harem – Responsive Header Theme (Blog)


A beautiful tumblr theme built for photo bloggers and artists who uses tumblr as their portfolio. With over fifty customize options it offers a wide possibility of layouts. This theme is responsive so try it on your phone and tablet :)

Key Features

  • Responsive layout (will look great on tablets and phones!)
  • Optional Infinite scrolling
  • Filter post types
  • Tag a post with “large” to double its width
  • Over 50 customize options
  • Columns adjusts along with the screen size
  • Support all post types
  • Disqus comments
  • Social icons (all 15 major social networks)
  • Google analytics
  • List of options


    If you have any questions/issues with this theme or you want to request new features, email me or tweet me. and I will get back to you within 24 hours

    @thejenyuan | jenyuan@me.com

    Premium Tumblr Themes

    ThemeForest new Blogging items