Header Centered Or Not? - Question | JoomShaper

Header Centered Or Not?

Laurent

Laurent

Helix Framework 2 years ago

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.

0
25 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 2 years ago #32106

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!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31199

Hi,

Give me your site URL so that I can check

-Regards

0
Laurent
Laurent
Accepted Answer
2 years ago #31241

ok I have added the link inside hidden area .

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31308

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

0
Laurent
Laurent
Accepted Answer
2 years ago #31309

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?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31316

I know this feature is here but maybe some css conflicts this header that's why I fixed it via custom css

0
Laurent
Laurent
Accepted Answer
2 years ago #31317

ok but by default logo is correctly centered normaly?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31318

Yes it is. If you set the layout like this which you mentioned

0
Laurent
Laurent
Accepted Answer
2 years ago #31320

sorry but I have removed all the css inside my custom.css file and result still the same. logo is not centered :-/

0
Laurent
Laurent
Accepted Answer
2 years ago #31323

here is my layout : http://prntscr.com/1qvwjzv

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31616

Give me your administrative information on the hidden content

0
Laurent
Laurent
Accepted Answer
2 years ago #31620

OK added inside Hidden Content area

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31744

Hi,

Could you please check now?

https://prnt.sc/1r0s5ao

0
Laurent
Laurent
Accepted Answer
2 years ago #31749

ok seems to be ok.

what have you done exactly to correct this issue?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31765
0
Laurent
Laurent
Accepted Answer
2 years ago #31780

ok but that's not what i meant

What have you modified inside website to solve the problem?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #31783

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.

0
Laurent
Laurent
Accepted Answer
2 years ago #31786

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?

0
Laurent
Laurent
Accepted Answer
2 years ago #32000

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

0
Pavel
Pavel
Accepted Answer
2 years ago #32005

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.

0
Laurent
Laurent
Accepted Answer
2 years ago #32006

fully agree with @Pavel

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #32097

Sorry for this inconvenience

0
Laurent
Laurent
Accepted Answer
2 years ago #32104

and, what is the solution?

0
Laurent
Laurent
Accepted Answer
2 years ago #32109

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 ;-)

0
Laurent
Laurent
Accepted Answer
2 years ago #32484

@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

?

0