Helix Framework Update - New Css Classes - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix Framework Update - New Css Classes

K

kroenerdesign

Helix Framework 4 years ago

Hello,

I have updated the Helix Framework.

Suddenly the menu is centered. Now css classes are written into the Menu:

<div id="sp-menu" class="col-lg-9 " style="position: static;"><div class="sp-column d-flex align-items-center justify-content-end">

Where do these center positioning come from? How can I remove them in the template?

Here my backend screen: https://ibb.co/pKhRQHv

Thanks for helping

0
9 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #35893

Hi there!

Would you please give me your site URL here?

Do you want your menu as left aligned?

Best Regards

0
K
kroenerdesign
Accepted Answer
4 years ago #35944

Thank you.

I want that there is no change after the update, so left should already be standard.

I have to do this update on several customers and on the first 2 customers there are already problems.

In hidden Content you find the Url of one of the customers

0
K
kroenerdesign
Accepted Answer
4 years ago #36134

Any news?

0
K
kroenerdesign
Accepted Answer
4 years ago #36290

Hello, I have found the cause. You have simply defined once the menu is in the header, it is centered. But this does not work!!!

plugins/system/helixultimate/layouts/frontend/modules.php

$isHeader = !empty($data->section_sematic) && $data->section_sematic === 'header';

//$columnClass = $isHeader ? ' d-flex align-items-center' : '';

//$columnClass .= $isHeader && $options->name === 'menu' ? ' justify-content-end' : '';

Can you undo this? I can not rewrite the template for all customers or if I comment this out, it is gone again when updating.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36406

Hi,

Sorry for the delayed response.

I have visited both sites, and they apears okay now. Have you changed the code already?

Would you please give me a problematic site where the issue is visible? Then I may serve you custom code to put on your custom CSS field of the template options. This will not erase after updates.

But I think the issue you are pointing to is because of we are using bootstrap version 5 instead of 4 now, and it added flex for those elements automatically.

Best Regards

0
K
kroenerdesign
Accepted Answer
4 years ago #36424

which two pages did you look at? I have not said any :)

With C1 is this problem. Even if I insert the right class in the template, it also binds the center and the center is taken

With C2 the englsich menu is not shown, although everything is set correctly in the backend.

You can find all data in the hidden content. Both pages are development environments

Thank you very much

0
K
kroenerdesign
Accepted Answer
4 years ago #37068

Hello,

any news?

I had to find this center problem with another customer :(

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #37209

Hi,

Please take my apology for the delay.

C1: I have visited this link: https://0921.buergerhaeuser-dreieich.de/ and found the menu as right-aligned. https://prnt.sc/1v12rl5

If you want it as let aligned then you can use the following code in your custom CSS:

.sp-column.d-flex.align-items-center.justify-content-end {
    justify-content: flex-start!important;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

C2: Yes, there is an issue with multilanguage websites. You can try the following workaround - assign template styles to menu items. Although the issue will be fixed in the next update, if you have an emergency then you can try this. Apology for the issue!

Best Regards

0
K
kroenerdesign
Accepted Answer
4 years ago #39991

Hello,

thank you very much.

C2: When will the update be available? I would otherwise have to edit some menu items :(

Thank you very much.

0