Solved Helix Framework

Helix Ultimate - re-align contact and missing hamburger menu on custom header

Asked by sydk2017 2 years ago Last activity 2 years ago

See screenshot: https://www.dropbox.com/scl/fi/adpo128a3wx6hxtt5ukq6/Joomshaper-Capture.PNG?rlkey=njtxnrj9flk7sraad8ujlhev5&st=lvhznyxs&dl=0

How do I align the contact info to the right
Social and contact then need to be cetered on mobile devices.
The hamburger menu is missing on mobile devices - how do I add that?
How do I keep the logo the same size on mobile? It shrinks down too much no matter how wide I make that column - see screen shot here: https://www.dropbox.com/scl/fi/j8vrrkondczg26ymeo8bv/Joomshaper-mobile.PNG?rlkey=6lcaeiurr9ccj0rphqr3jw79k&st=4jf4ywyk&dl=0

site is here: https://conceptdigitalmedia.org/srqluxuryestate.com/

Accepted answer

Marked as the solution

Rashida Rahman Staff

2 years ago · edited

Hi there!

Thanks for reaching out to us.

Please use the following code in your custom CSS:
```
.sp-contact-info {
 text-align: right;
}
```

Sample code snippet for that:

@media (max-width: 991px){
.social-icons, .sp-contact-info {
 text-align: center;
}
}

The offcanvas is ther, but it is as same colored as your background. So please use this:
```
.burger-icon>span {
 background-color: #ffffff;
}
```
Please increase your mobile logo image height. You can do this from the basic tab of your template Options or you can use custom CSS either:
```
 .logo-image-phone {
     height: 70px !important;
 }
```
Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Hope this helps!

Best Regards

2 more replies

sydk2017 Asked this

2 years ago

Hello Rashida,

Thank you very much for answering all of my questions! With this info I was able to get everything working correctly and then fine tune it from there. I really appreciate you getting back to me so quickly.

I've been using Helix 3 for so long that Helix Ultimate has been a learning curve because nothing is as simple or straightforward anymore - but I think I'm getting used to it.

Again - thanks so much for your help! Hope you have a great weekend!

Rashida Rahman Staff

2 years ago

Hi,

Glad that I could help and you are always welcome :)

Have a nice day!

Paul Frankowski Senior Staff

2 years ago

I've been using Helix 3 for so long that Helix Ultimate has been a learning curve (...) - but I think I'm getting used to it.

I think that it's simply a matter of habit. Helix Ultimate has been with us since 2018, so many people have stopped using Helix3 since then. For last few years we publish templates based on HU only. HU has more features - this also means more settings. But knowing CSS should be always your major skill.