header

Hi,

In order to achieve that king of header, you’ll need to use the header manager and tagDiv Composer from what I can see there is a logo a menu and a search icon, all those are set inline in one row; for this you can use a blank header and set the row from header in 3 columns -> http://prntscr.com/ojqbml after that set the elements in columns -> http://prntscr.com/ojqbye after that all you’ll need to do is to set them -> http://prntscr.com/ojqchw

Hope this will help you!
Let me know if you need more help!
Thanks!

Hi,

So first you’ll need to have the tagDiv Cloud Library activate, after that go in Cloud Templates and click on add http://prntscr.com/oju0yl -> search after “blank” and check in headers -> http://prntscr.com/oju1gd click on that template and click on “create template” wait until this is build after that click “Done” after that you’ll be here http://prntscr.com/oju2ap and you can try the above steeps.
Also you can check our documentation from here http://prntscr.com/oju3r5 -> https://forum.tagdiv.com/header-manager/

Thank you!

Hi,

If I’m right this is happen because you have the WPBakery plugin activate, if you have it, this can happen when you create the first time a template or a page and you have this plugin activate ( WPBakery ) in order to fix this problem you’ll need to save the header and refresh the page, after the page/header is save there should be no problem.
Please let me know if there is still a problem!
Thank you!

Hi,

Now, if you want to increase the width of row, you can click on the row and and in General tab -> http://prntscr.com/ok93dd after that click on add element from the left corner -> http://prntscr.com/ok9cqp type the name of the elements that you want to use or search using the scroll, after you fain the element you need drag and drop that element where you want to be set, the place where you can drop the element will change the color of column http://prntscr.com/ok9e3f -> http://prntscr.com/ok9ext -> http://prntscr.com/ok9f7a after that click on the search icon and make it inline and align to right -> http://prntscr.com/ok9fik in may example I stretch the row to 1400px http://prntscr.com/ok9gf0 after that I made some settings to menu and search do be display to the seam height -> http://prntscr.com/ok9hn3 -> http://prntscr.com/ok9i0f

Hope this will help you!
Thank you!

Hi,

So if you want to make the height of the row bigger, you can set on that row a padding or margin like this -> http://prntscr.com/okc7ah also for Active & hover style you can click on the menu and look in Style tab http://prntscr.com/okc8q0 and change the style, if you do not want any style, you can set the color om transparent like this -> http://prntscr.com/okc9e3

Hope that this will help you!
Thanks.

Hi,

So now you want to set a top bar, for this you’ll need to drag and drop a row above the menu like this -> http://prntscr.com/oke16i after that look in the Composer sidebar elements and pick the elements that you want to show in top bat -> http://prntscr.com/oke275 just make sure that you set the elements to be inline -> http://prntscr.com/oke42t or right align.

For a sort bottom you can set a lower number for the bottom padding -> http://prntscr.com/oke55k

Thank you!

Hi,

You can set the background color on that row by clicking the row in general -> http://prntscr.com/olc5fk

The Empty Column is a part of row, so in order to delete it you’ll need to delete the row, for this you can right click on the row and click on delete, or drag the row in the delete box.
-> http://prntscr.com/olc4t0
-> https://www.screencast.com/t/H1rPotrjOy0

I think that the image that you want to set is an divider -> http://prntscr.com/olc6d9 -> http://prntscr.com/olc6s2

If is not what you mean, please provide some more details.
Thank you!

Hi,

Your current top bar is look like this -> http://prntscr.com/olv3a3 now all you’ll need to do is to stretch that row like this -> http://prntscr.com/olv447

Thank you!

Hi,

Just click on the menu and check the style tab -> http://prntscr.com/olycf4

Thanks.