Hi,
After helix upgrade, I set up a predefined header but logo is not centered :
See here : https://prnt.sc/1qv9afx
Is it normal?
Thanks
L.
Solved
Helix Framework
Header centered or not?
Asked by Laurent
5 years ago
Last activity 5 years ago
Accepted answer
Marked as the solution
Muntasir Sakib Staff
Hello Laurent,
Sorry for the misunderstanding here. It is not designed center by default. See here for a better understanding. So, for now, if you want it in the center of the header, you need to add CSS.
@Pavel, you are right. That's not the ideal CSS but to err is human. It's not shameful at all to make mistakes sometimes.
Thanks and cheers!
24 more replies
Mehtaz Afsana Borsha Staff
Hi,
Give me your site URL so that I can check
-Regards
Laurent Asked this
ok I have added the link inside hidden area .
Mehtaz Afsana Borsha Staff
You can use this custom css
.logo-image{
position:relative;
left:135px;
}Add this css code inside the custom.css file.
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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
Laurent Asked this
I'm sorry but this is not normal.
this feature is supposed to be offered by helix.
see here : https://prnt.sc/1qvv39o
so what is the interest to use predifned headers to correct logo centering If I need to add manual css?
Mehtaz Afsana Borsha Staff
I know this feature is here but maybe some css conflicts this header that's why I fixed it via custom css
Laurent Asked this
ok but by default logo is correctly centered normaly?
Mehtaz Afsana Borsha Staff
Yes it is. If you set the layout like this which you mentioned
Laurent Asked this
sorry but I have removed all the css inside my custom.css file and result still the same.
logo is not centered :-/
Laurent Asked this
here is my layout : http://prntscr.com/1qvwjzv
Mehtaz Afsana Borsha Staff
Give me your administrative information on the hidden content
Laurent Asked this
OK added inside Hidden Content area
Mehtaz Afsana Borsha Staff
Laurent Asked this
ok seems to be ok.
what have you done exactly to correct this issue?
Mehtaz Afsana Borsha Staff
I have used custom css
You can follow this blog
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Laurent Asked this
ok but that's not what i meant
What have you modified inside website to solve the problem?
Mehtaz Afsana Borsha Staff
I already replied I used custom css for center the logo
Please accept the most suitable answer to close the post so that others' can also find the solution easily.
Laurent Asked this
this answer is not suitable, I don't understand.
if the header layout provided by HELIX show a centered logo, see here : http://prntscr.com/1r117cw , why I need to add some extra css?
sorry but this is stupid?
Laurent Asked this
so any explanation ?
I think this is a bug because when I use the Mutli Rows layout : http://prntscr.com/1r3vuz5
And If I enable search and login : http://prntscr.com/1r3vwqa
why login and search are not on left anfd right side and logo centerd? http://prntscr.com/1r3vzow
Pavel
5 years ago
· edited
Hi Laurent. I noticed that in your layout there is the Header section. This can cause a conflict with a predefined Header.
You can use this custom css
.logo-image{
position:relative;
left:135px;
}
Hi Mehtaz. I have repeatedly drawn your attention to the fact that such CSS solutions are not allowed. This is just correcting the symptom on one size of the screen. But do not solve the problem.
If you provide such a code, you must provide additional code for all breakpoints.
But in general, this is an illiterate code! And it causes a bad impression of the your level of knowledge.
Laurent Asked this
fully agree with @Pavel
Mehtaz Afsana Borsha Staff
Sorry for this inconvenience
Laurent Asked this
and, what is the solution?
Laurent Asked this
ok thanks for your feedback I understand now.
but I think could be a good improvement for next release :
if social icons (displayed on left side of the logo) AND contact infos (displayed on right side of the logo) are not displayd, then center the logo by default.
I think it's relatively logic ;-)
Laurent Asked this
@Muntasir Sakib : last question : so with predefined header, it is not possible to have :
- logo centered on 1 line
- and below, another line with main menu centered
?
Log in to reply.