How To Create Header With Logo In Middle - Question | JoomShaper

How To Create Header With Logo In Middle

K

Kirti

Template 2 years ago

Hi,

I am working on a website http://164.52.192.111/pk1/index.php/en/ on Helix Ultimate template. However, I want the logo to be in the middle and the menus on each side just like the Indigo template http://demo2.joomshaper.com/2019/indigo/.

How can I do this?

Best, Kirti

0
80 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23463

Please check now. Thanks

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22570

Hi there,

Thanks for contacting us. By default this feature does not exist inside Helix Ultimate. You need to use the indigo or wayne crop or esports template to get the similar header.

-Thanks

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #22571

Hello Kirti

The easy solution is install Indigo template and make it default.

Best regards

0
K
Kirti
Accepted Answer
2 years ago #22572

Thanks for the prompt response. I am using the Indigo template but unable to create it.

https://prnt.sc/178zzuw

I have even put two different menus for menu 1 and menu 2. But still not getting the result

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22574

Share your administrator credential via hidden content area. Thanks

0
K
Kirti
Accepted Answer
2 years ago #22578

I have shared the credentials

0
Pavel
Pavel
Accepted Answer
2 years ago #22583

Hi. JCH Optimize and any caching should be used only after the development of the site is completed. Turn it off and clean it cache. I think it is the reason why you do not see changes.

Also, JCH Optimize must be off during the site editing, if the site is already in public access.

0
K
Kirti
Accepted Answer
2 years ago #22588

Thank you. I disabled JCH optimize and it displayed. Thank you for spotting it so quickly!

I still need help on one issue a) How do I make the menu section and the social media part transparent?

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22589

Please check now and let me know. Thanks

0
K
Kirti
Accepted Answer
2 years ago #22600

The header is not transparent. Here is a screenshot https://paste.pics/3e42baefdcf7050654ac7ebb2593f8b1

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22615

Please check now. Thanks

0
K
Kirti
Accepted Answer
2 years ago #22661

Thanks. It works. Could you tell me how to do this please

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22713

I have Added some css code inside the custom.css file and added a css class inside the primary home menu page option. Thanls

0
K
Kirti
Accepted Answer
2 years ago #22735

Thank you so much. Btw, I don't want the white borders. I have commented out in the custom.css file. However, I am unable to remove one of the lines on the right of the logo. Can you help with that please.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22743

Please check now and let me know. Thanks

0
K
Kirti
Accepted Answer
2 years ago #22924

Yes, thanks. It works. I have one more query. I want to add an image as a background for the entire template. How can this be done?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #22928

You have to do it manually using css code.

0
K
Kirti
Accepted Answer
2 years ago #23427

Hi - Back again with more issues :-).

a) I want the menu and the logo to resize on scroll. I have been able to get the logo to resize but it sticks out like in the image https://paste.pics/ddd8b4a0b9d2c4ce2765c8ff9f79bf2d

b) The menu on hover is very high and doesn't look good. Can we reduce the height. Also, can the on hover width be the same width as the text and not the full width https://paste.pics/50db12f64c25022eee29c5247d1e8ab9

c) In the mobile mode, the contact and social icons appear to be not aligned, very big in size. The logo is neither to the left nor to the center. Can this be improved? Also, can the mobile and social logos not be sticky. https://paste.pics/6e7d38b2957263ad150e98e0ceea5a11

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23445

Problem solved. Please check and let me know. Thanks

0
K
Kirti
Accepted Answer
2 years ago #23449

Thanks for the prompt response

Can : Point a) be addressed please. It would be great for the menu to be resized please Point c) Can the contact details and the social logos not be part of the sticky menu

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23452

Please share screenshot that you want to do exactly

0
K
Kirti
Accepted Answer
2 years ago #23453

I am sharing a website where the logo resizes to a smaller image on scroll www.sigmalounge.com.

Also, the social and contact details should not be part of the sticky header like in this link https://demo.hashtagitright.com/furniture-co

Thanks so much

Best,

0
K
Kirti
Accepted Answer
2 years ago #23465

Perfect. Thanks a ton!

Best, Kirti

0
K
Kirti
Accepted Answer
2 years ago #23466

Sorry, just noticed that in mobile mode the sticky header is really high, https://paste.pics/8d02b74db29af17bf64eee0544891e22

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23467

Hi there, Glad to know that problem has been solved. Will you please spend some to write a review about our support and product quality?

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/joomshaper.com

-Thanks

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23473

Please check now. Thanks

0
K
Kirti
Accepted Answer
2 years ago #23476

Thanks. Now, there's a problem with the Social/Contact logos https://paste.pics/10b85ae9f4c9e12d6ea13c6a1b7ecfac

BTW, I rated on Joomla extensions just now. Thanks for your support

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23486

Check please

0
K
Kirti
Accepted Answer
2 years ago #23552

Thank you for the prompt response. I have posted an image which shows the ideal position for the social and contact logos. This would be the most aesthetic position. https://paste.pics/948c975c1c7d9437a4466e03bd03f0e0

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23564

Sorry to say that, this is not possible using this template. Thanks

0
K
Kirti
Accepted Answer
2 years ago #23571

Hi - We had used Indigo for another website www.shakesbierre.com using the Indigo Quickstart. It worked there. Please look at the screenshot where I have given both the websites in mobile mode https://paste.pics/3744d5822c3b9422f3671ef7cacfdd31

Please let me know

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23580

Check please

0
K
Kirti
Accepted Answer
2 years ago #23590

Perfect. Thanks. You guys rock!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #23592

You are most welcome & Thanks

0
K
Kirti
Accepted Answer
2 years ago #25085

Hi Guys! Sorry to be back but on further testing, we found that had some more issues to be resolved. Looking forward to your help

a) Because of the videos that we are using, it would be best if we could have a slightly transparent background for the non-sticky header. However, the logo should be visible clearly. Example given https://paste.pics/c2f7bf5bec2d4ecac2d0b48c2505e591 I had tried to get this included in the custom.css but somehow it just wasn't working.

b) Active menu with two words - The active menu with two words breaks into two lines and this looks distended and unappealing. How can one make this in one line. Image here for reference https://paste.pics/a2558d5dc813733c6f7e5db0cf379516

c) Active Menu - The active menu doesn't look very elegant. Is it possible to have an active menu like the one shown in the image https://paste.pics/7775ae09387798f43314da8cb6f7a170

d) There is no gap between the logo and the active menu https://paste.pics/3756cc6fc76fdbb8b609c7bd18302931

Thank you and sorry for being so persistent. Thanks in advance!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #25088

Hi there, Please check & let me know. Thanks

0
K
Kirti
Accepted Answer
2 years ago #25089

Thanks. Wow, that was fast! Point b) and d) is taken care off. Thank you so much

Point a) Was one with a slightly darkened background for non-sticky header c) The boxed background of the layout doesn't look good. A curved background like the one shown here would work beautifully https://paste.pics/7775ae09387798f43314da8cb6f7a170

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #25094

C is not possible.

Do you want like this?

https://prnt.sc/1brkog1

0
K
Kirti
Accepted Answer
2 years ago #25211

Yes, https://prnt.sc/1brkog1 like this also, there is a black patch behind the logo in sticky mode which isn't required https://paste.pics/1be516daa380c718b1fae270145e8cdc Also, I wanted to know if I wanted to change the background color of the active menu, Should I make the changes in this in the custom menu?

.sp-megamenu-parent > li.active > a { font-weight: 700; background-image: initial; color: #000; padding: 0 5px; background-color: #f2bb6b; }

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #25348

Hi there, Logo background color removed and if you want to modify the custom css code. Then you have to go this file location.

templates/your_template/css/custom.css

https://prnt.sc/1d2wjiz

-Thanks

0
K
Kirti
Accepted Answer
2 years ago #25498

Hi - Thanks. Logo background color is still there ..... https://paste.pics/8b6ebb8525666e42fe40f3e06d27efc2

0
K
Kirti
Accepted Answer
2 years ago #25499

One more help required - I need both social Icons and Contact info on the right side top and not on both sides. I have set the module position for Social Icons and Contact details as Top1. But it displays on both side. https://paste.pics/8c4730da09dfe78b768ff72401b124dd

The background for top bar should be black

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #25505
0
K
Kirti
Accepted Answer
2 years ago #27540

Hi - One final query (hopefully). How do I make the logo in the center in mobile phone mode?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #27541

Share an screenshot that you want to do exactly. Thanks

0
K
Kirti
Accepted Answer
2 years ago #27546
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #27547

Please check now. Thanks

0
K
Kirti
Accepted Answer
2 years ago #27641

Hi - I did check. But the logo in mobile mode is not centered. The logo should be absolutely in the center in mobile mode. Thanks

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #27748
0
K
Kirti
Accepted Answer
2 years ago #27768

I am still getting it on the left side. Screenshot from mobile https://paste.pics/8838edbfd00e1be874e464021b09731b

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #27828

Please clean your browser cache. Thanks

0
K
Kirti
Accepted Answer
2 years ago #29337

Hi - I am back again. I upgraded from SP Pagebuilder 3.7.12 to 3.7.13 and the custom CSS has gone haywire. See screenshot https://paste.pics/e105fd3f32fe55a3be55ee96ed24ec42

Can you help urgently please. Customer is mighty pissed

Access to the website in hidden content persiankebab.ae/administrator

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #29481

You shouldn't update the Helix Ultiamte version 2. Cause, The indigo Template does not migrated with Helix Ultimate v2. Please roll back your previous backup. Thanks

0
K
Kirti
Accepted Answer
2 years ago #29486

Hi Toufiq - I am afraid that I haven't taken a backup of the last changes. How do I resolve this?

0
K
Kirti
Accepted Answer
2 years ago #29533

Hi Toufiq - Can you please help with this urgently? My client is absolutely furious

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #29568

Contact your hosting provider to get the previous backup. Thanks

0
K
Kirti
Accepted Answer
2 years ago #29573

Hi Toufiq,

I am afraid I had not kept the backup. Even if I redo the changes from the last backup, I still cannot upgrade to later versions of SP Pagebuilder. There must be a resolution for this. Please help

Best, Kirti

0
K
Kirti
Accepted Answer
2 years ago #29622

Also, I realized that the custom.css file isn't working. Even when I make a change in the CSS, it isn't rendering. Why is that?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #29845

Please check now & don't update the Helix Ultimate v2 until release Indigo Template update. Thanks

0
K
Kirti
Accepted Answer
2 years ago #29858

Hi, I changed the template to Indigo but it had the same problem. Are you referring to site persiankebab.ae?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #29874

Not clear your last reply. Cause, I have checked this URL.

http://164.52.192.111/pk1/index.php/en/

-Thanks

0
K
Kirti
Accepted Answer
2 years ago #30000

This is the last screenshot that I have. This is the way it was supposed to look. https://paste.pics/8c4730da09dfe78b768ff72401b124dd

Btw, didn't this https://paste.pics/48b5a80afed844e7e574847bb253efe8 strike you as a very bad looking menu header?

Kindly resolve this as I will probably lose this customer (and many others)

Thanks

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #30136

Please check now. Thanks

0
K
Kirti
Accepted Answer
2 years ago #30139

Thank you. Could you tell me what should I do as I have to replicate it on the live site

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #30144

I have added css code inside the custom.css file and keep it backup for the future.

Maybe you are not aware of our support policy https://www.joomshaper.com/support-policy

0
K
Kirti
Accepted Answer
2 years ago #30146

Can I copy the custom.css file content and upload it into the live website?

0
K
Kirti
Accepted Answer
2 years ago #30186

Hi Toufiq,

Let me highlight the problem so it will be easier for you to understand and resolve. I checked the extensions status The Helix Ultimate Framework is 1.14. This has been downgraded from ver 2.01. The problem lies with Helix ver 2.01. The moment this version is installed, the custom.css will stop working. Is there a fix for this problem or will it take more time? In case it takes more time, can you send me the version 1.14 so that I can update it on the live site. Please respond urgently

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #30196

We have fixed this issue in our developer environment. Wait for the next update. Thanks

0
K
Kirti
Accepted Answer
2 years ago #30198

Hi Toufiq, How long will that be? I have a very irate customer. In the meantime, can you please provide me the version 1.14 so that I can fix the issue temporarily Thanks

0
K
Kirti
Accepted Answer
2 years ago #30405

Hi - I was expecting an answer so that I could fix the problem and pacify my customer. Can you please respond Thannks

0
K
Kirti
Accepted Answer
2 years ago #30793

I saw that Helix Framework had an update. Even after the update, the custom.css isn't being read. Can I expect a response quickly so that I can resolve the issue with my customer?

0
K
Kirti
Accepted Answer
2 years ago #31307

Really disappointed at a total lack of response from you guys. Unfortunately, I cannot treat my customers like this!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #34786
0
K
Kirti
Accepted Answer
2 years ago #35102

I am sorry but I didn't get the joke.

0
Pavel
Pavel
Accepted Answer
2 years ago #35129

Hi Kirti.

Immediately for clarity. I am not a member of the joomshaper team. Just a user. I have long followed this topic and I consider my duty to speak out to help you understand what is the case and save the Joomshaper team from ignorable answers.

Most of the questions you are asked here are outside the support. In practice, you asked Toufiq correct your custom errors and to make the job that you must be able to do by yourself, as a webmaster earning money for it. And instead of gratitude you express discontent. Each patience comes an end. Including mine, since I decided to speak. Apparently, so you do not get further answers.

If you do not have enough skills, hire the subcontractor or do not care for such a job. In my opinion, shift your responsibility to your customers on someone else is not honest.

0
K
Kirti
Accepted Answer
2 years ago #35201

Hi Pavel I am not sure if any of my content/questions etc were directed at you. If you have in some ways felt that my discontent has been targeted at you, then please accept my apologies.

I don't think I owe an explanation to anyone. If you are keen to understand what has gone through this utterly long and painful thread then I am sure you will understand what a collossal waste of time it has been for me.

Thank you for your words of advice

0
Pavel
Pavel
Accepted Answer
2 years ago #35283

I am sure you will understand what a collossal waste of time it has been for me.

Hi. I understand it perfectly. And I feel sorry for your time. But the reason for this, insufficiency of the skills on your part and your own mistakes, but not blame the joomshaper team. That is why I wrote my post. You spend time on an unpromising discussion, instead of learning at least the basics.

Toufiq was rapidly kind, which helped you, although he could not do this in accordance with the company's policies. Then, you lose all the changes - and it's entirely your fault and your responsibility to the client.

Do not take the job that you can't do - it will be the best manifestation of care for the client and your reputation

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #35293

Hi Kirti,

Sorry for the inconvenience. At first I have finsihed your work and you didn't keep a backup of your site. Cause, There was lots of custom css code and customizaion (We don't provide customization support > Support Policy). Even i told you you shouldn't update the Helix Ultimate v2. Cause, your template Indigo is not ready for the Helix Ultimate v2. So, tell me know what should i do for you. I am ready.

-Thanks

0
K
Kirti
Accepted Answer
2 years ago #35311

Hi Toufiq, I am responding this email so that you understand what the real issues are.

a) Firstly, the Indigo template is really bad and doesn't work out of the box as it should. That is the reason that it required such enormous amount of custom css. Perhaps, you could put up a caveat against the template that it requires huge amount of customization if the template is used (You guys have built in a custom css in the quickstart version). Then people like us with limited css skills will stay away from such a template.

I acknowledge that your team has supported me a lot by going out of their way. The real question is was this support really necessary? Check this template out which works with SP Page Builder https://themeforest.net/item/foodz-restaurant-spa-salon-joomla-template/11827234 - it works out of the box with zero custom css.

b) The advice of not upgrading to Helix Ultimate V2 is not practical. How long would I keep this on outdated versions? The other question is, whose responsibility is it to upgrade the Indigo template to V 2.0?

c) Thirdly the issue has been solved by Paul to a large extent https://www.joomshaper.com/forum/question/6310#qa-answer-31991. And, here's my problem - you guys didn't understand the problem leave alone try and solve it. Also, for three weeks, you didn't bother to respond. Fortunately, I had stumbled upon the solution by Paul which saved me.

It would be of great help if the real problem could be identified.

One last suggestion. Support forums are a great oppotunity to identify flaws of a product or service and rectify it making it even better. Just like planes have become safer over time as each flaw is identified and meticulously corrected.

Hope this helps you

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #35743

Hi Kirti,

Thanks for getting back. Noted your suggestions for future work. If you need help, please let us know.

-Thanks

0