Helix 2.05 Update - Basic Header options changed - Forum | JoomShaper
Solved Helix Framework

Helix 2.05 Update - Basic Header options changed

Asked by Ian Proffer 4 years ago Last activity 4 years ago

Just updated from Helix Ultimate 1.x to 2.0.5. We use the "top bar" predefined header layout and it's changed:

  1. Social icons and other modules are now all centered. Before I was able to pin them left and right as I wanted; why did you change it? How can I reposition them as I want?
  2. The search module now has the word "Search..." there automatically. I don't want that, as it makes the module too tall, and it's redundant as I already have the search box filled with my own search prompt text. It's not the enabled title from the module; you've apparently added that text (it wasn't there in v 1.x).

How can I correct these items? Thanks.

Accepted answer

Marked as the solution

2 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for your query.
Actually we have moved on to bootstrap 5 from bootstrap 4 version and it leads to some changes because of additional flex.

  1. I have visited your site and the top1 element seems left aligned and top2 seems right aligned to me. However, if you reallocate the space of top1 and top2 then it will give you better experience I think. Here is sample code for you to put into your custom.css file:

    @media (min-width: 992px){
#sp-top1.col-lg-6 {
 flex: 0 0 auto;
 width: 30%;
}
#sp-top2.col-lg-6 {
 flex: 0 0 auto;
 width: 70%;
}
}

  2. If the search option is redundunt for you on top2 position then you can unpublish the search module.

Best Regards

Ian Proffer Asked this
4 years ago

Hi, thanks for the CSS. That fixed the alignment and by magic fixed the appearance of the search box too.

Do you have any documentation on the flex options with bootstrap 5?

Log in to reply.