Innovate Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Innovate Template

Hanson

Hanson

Template 3 years ago

I am using Innovate Template, I need to use the Top bar, but it's not there, can anyone please help me how to get the top bar in the header layout please?

0
8 Answers
Hanson
Hanson
Accepted Answer
3 years ago #49569

is there any solution for this? can anyone help?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #49587

Hi,

Let me check on my demo first.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #49588

It's possible but not so easy as you may think.

  1. You have to disable Predefinded header
  2. Create custom "header" and "top-bar" rows with columns
  3. Use some custom CSS, I can share with you only basic example
  4. Publish modules in top1 and top2 positions

foto_7477_2021.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #49589

ad 2) Custom Rows.

foto_7478_2021.jpg

Ad 3) Custom CSS, this is only basic example, more if needed you have to add alone

#sp-top-bar {padding: 4px 0;}
#sp-header {top: 30px;}
#sp-header.header-sticky {top: 0;}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #49590

But above method will help you to keep orginal buttons in the Menu row.

So maybe you should consider customization of this file: templates\innovate\headers\default\header.php

instead of... but CSS will stay.

0
Hanson
Hanson
Accepted Answer
3 years ago #49622

Hi Paul, thank you for taking your time on this, yes, I know its not easy, for sure there will be some code modification to make this happen, it would be nice if you can give me a little guide on how to make this happen, step by step that would be awesome. Thank you and very much appreciation!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #49631

If we talk about customization of: templates\innovate\headers\default\header.php

DOWNLOAD, UNZIP and Replace orginal file--- header.zip

(then use custom CSS as well, from above)

You can publish any module in top1 and top2, but not default social icons or contact, sorry.

0
Hanson
Hanson
Accepted Answer
3 years ago #49634

Thank you, I will try, if need more help, I'll let you know. Thanks bro!

0