Logo center css - Forum | JoomShaper
Staff replied Helix Framework

Logo center css

Asked by Klaus Fuchs 5 years ago Last activity 4 years ago

Hi,
I have a css Question:
I tried to mov e the logo to the center, but I failed...

Can you give me a hint how to achieve that.

Thank you..
Klaus
details under hidden content

9 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

Thanks for contacting us.

Do you want it here? https://prnt.sc/1v7jjr4

I have checked and found out there are two columns and each set auto col. If you want the logo exactly in the center of the header then it will be better to keep only one fullwidth column there, so it will be easier to center it through the CSS. Otherwise it will center with respect to the column only.

The following blog may help you:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

Best Regards

Klaus Fuchs Asked this
5 years ago

hi, thank you so much for your fast reply!
I have added a picture where you can see what I want to achieve. The special feature is:
I only want to see the hamburger menu:left
the logo, centred, and
social media, right
on the right.
The menu can only be reached via the hamburger menu, on desktop to mobile.
is this possible, if so how?

thank you!

Rashida Rahman Staff
4 years ago

Hi there!

Sorry for the delay.

I have created a custom header with 3 columns layout and assinged menu, logo and right module position as follows:
https://prnt.sc/1vl6fs9

Then I have select the right module position for your social icons there:
https://prnt.sc/1vl6l1r

And finally I have used some custom CSS:
https://prnt.sc/1vl6w37

Please check your site and let me know.

Best Regards

Klaus Fuchs Asked this
4 years ago

hi,
oh wow, cool...
Thanks so much.. only one issue in mobile...
can not see the hamburger menu, and the sm Linkedin is too low..

maybe we need a second menu in the framework?

It would be a nice 'template' to have this style, as a loto odf one pager websites on he market?!

Regards
and dont have to do on Sunday! :-)

Klaus Fuchs Asked this
4 years ago

Hi,
I wish you a good start to the week!
Thank you very much for your help and "tips" - I appreciate your help very much!
I could manage to have a mobile menu now...

There is "only' a small Issue:
The menu in desktop & Mobile are no more sticky? even if I set the Sticky header in the basic settings of the helix tmpl.
Can you help me to solve that issue?
Thank you so much, and regards to all of your team

Klaus

Klaus Fuchs Asked this
4 years ago

HI,
I still have two issues, the webiste is live already:
1.) still no sticky menue, not at desktop and also not on mobile.
2.) mobile cannot close canvas

I managed to get a mobile header but there are some issus I dont understand:
I am using :

  • Template style(Site)--> Helix
  • Template Options
  • Layout
  • Desktop - all ok
  • Mobile, cannot use menu modul, does not show in Mobile, used offcanvas instead, can see the hamburger menue,
  • Use offcanvas in mobil. there is no close button (close-offcanvas is missing). click on the hamburger again half of ther items are covered for a short moment.
    I added some screenshots here:
    https://prntscr.com/1vyglzg
    https://prntscr.com/1vyglz9
    https://prntscr.com/1vyglxp
    https://prntscr.com/1vygkev
    Please have a look and tell me what I did not do correct, or missed.... It is a bit urgent now,
    Thnaks!
    Klaus
Rashida Rahman Staff
4 years ago

Hi there!

Sorry for the delayed response!

I have tried but could not login with your new credentials.

Would you please check and give me corrections?

Best Regards

Rashida Rahman Staff
4 years ago

Hello,

Sorry for the delay. I have used VPN this time to get in. I have made the necessary changes, please check and let me know.

Best Regards

Log in to reply.