Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Header changes

Featured Lock Resolved Task
Hi

When i change the position from contact infos to Top2 and Social Icons to Top1 or when I turn of Social Icons, nothing happens. Is it possible to have the same design in own header like in the predefined header? With logos etc?
Is it possible to start with the menu on the left side near the logo?

Thanks a lot....

Attachments (1)

  • helix.PNG
    helix.PNG 41.3 KB

7 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
In template setting > Layout > Custom Class -- is not a place for CSS code, it's for Class name only
so you cannot use "float: right;" there a serious mistake which may cause HTML validation errors(!)
----
To align language icons, inside Custom CSS or custom.css file add


#sp-top2 {text-align: right;}


Read: https://www.joomshaper.com/documentation/helix-framework/helixultimate#custom-code

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
About Top area - Yes, I know it a bug which has to fix in next update. I think you can wait - you even didn't start developing a new site.

yes, but you have to use this same names for Top (top-bar) and Header (Header) area.

---
About Menu, please use

.sp-megamenu-parent { float: left; }


read helix Ultimate to get some tips on how to use custom CSS etc.

Boris

More than a month ago #Permalink
Thanks a lot Paul. I started yesterday with a new project. http://www.nova-davos.ch now I want to have language switcher on the right side, not in the middle (see picture).

When I use the predefined top-bar, the contact infos are centered on my mobile phone. when i use my own top-bar, it's the same design, but not centered, any idea?

Attachments (1)

  • ls.PNG
    ls.PNG 72.4 KB

Boris

More than a month ago #Permalink
Ok, I understand. Language Switcher is now on the right site.. thanks a lot... But how can I fix this:

When I use the predefined top-bar, the contact infos are centered on my mobile phone. when i use my own top-bar, it's the same design, but not centered, any idea?

Paul Frankowski - Staff

More than a month ago #Permalink
Use this

@media (max-width: 580px) {
.sp-contact-info { text-align: center; }
}

Boris

More than a month ago #Permalink
Perfect. Thank you very much.. Awesome to get support on sunday...


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 33
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us