Awaiting an answer Helix Framework

Helix Framework Update - new css classes

Asked by kroenerdesign 5 years ago Last activity 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

9 replies

Rashida Rahman Staff

5 years ago

Hi there!

Would you please give me your site URL here?

Do you want your menu as left aligned?

Best Regards

kroenerdesign Asked this

5 years ago

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

kroenerdesign Asked this

5 years ago

Any news?

kroenerdesign Asked this

5 years ago

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.

Rashida Rahman Staff

5 years ago

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

kroenerdesign Asked this

5 years ago

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

kroenerdesign Asked this

5 years ago

Hello,

any news?

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

Rashida Rahman Staff

5 years ago · edited

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

kroenerdesign Asked this

4 years ago

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.