astroid-framework icon indicating copy to clipboard operation
astroid-framework copied to clipboard

Header styling limitations

Open Giorgi625 opened this issue 1 year ago • 2 comments

So I am trying to get header look like this https://mountis.codelayers.net Two lines , top line modules on the sides and middle logo, line below menu. Luckily There is option to set this design in Astroid header settings, but if Section Layout is set to Container then this lines are not full width so I can not get this while line style full width, but if I set it to Container Fluid then it gets full width but it also throws top modules to the very end corners on both sides, as you see it here https://gmg.joomla.ge/index.php Of course I can align them via custom css, but I think it will be cool to be able to set layout of this lines so that it will not require extra coding. So that whole header is full width, but its parts are inside container of limited width. To be able to manipulate its background comfortably.

Giorgi625 avatar Oct 14 '23 10:10 Giorgi625

I see what you want, I don’t think it is possible without using css as both left and right modules, and logo an menu are all in the “Header” position.

For fun, I just try on the “mod-custom125” (on the right) position: absolute; right: 10%; text-align: center; padding-top: 50px;

and “mod-custom124” (on the left) position: absolute; left: 10%; text-align: center; padding-top: 50px;

You will have also to lower the site-wide “p” margin-bottom: 1rem; to make it look like your example #mod-custom125 p, #mod-custom124 p { margin-bottom: .1rem; }

Chacapamac avatar Oct 15 '23 14:10 Chacapamac

Can I close this discussion?

Chacapamac avatar May 07 '24 14:05 Chacapamac