How to create header with logo in middle

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

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.

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?

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

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

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,

Perfect. Thanks a ton!

Best,
Kirti

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

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

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

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

Perfect. Thanks. You guys rock!

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!

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

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

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

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

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

Thanks. Here is the screenshot https://paste.pics/7595fc0d03bb44aa116aa919a085fff2

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

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

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

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

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

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

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?

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

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

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

Best,
Kirti

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

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

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

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

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?

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

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

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.

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

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

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