Predefined Header Buggy - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Predefined Header Buggy

MW

Manuela Weibel

Helix Framework 3 years ago

Dear support team, In the template styles I have selected the predefined header style "classic layout". It seems though as if something is wrong with this predefined layout:

  • the logo div is way higher than the rest of the header bar (logo and search),
  • the logo becomes distorted when I change (browser) window size,
  • the sticky menu disappears when I scroll. Thank you very much for checking and kind regards, Manuela
0
20 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #44653

Hi there,

Thanks for contacting us. Sorry for the inconvenience. I have added css code inside the custom.css file and now it looks fine.

-Thanks

0
MW
Manuela Weibel
Accepted Answer
3 years ago #44769

Dear Toufiq, Thanks for fixing. The logo image still becomes distorted when the window size changes. In my opinion it should maintain full size (until it changes to mobile logo) just like it does in the other predefined header ("top bar") and in the template preview (https://demo.joomshaper.com/?template=languageschool). Would you check again? Thank you and kind regards, Manuela

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #44773

Do you wanna like this?

0
MW
Manuela Weibel
Accepted Answer
3 years ago #44781

Hi Toufiq, No, I do want the "classic layout". But there seems to be a problem with the logo (as shown in your screenshot).

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #44783

Please share an screenshot about the logo issue

0
MW
Manuela Weibel
Accepted Answer
3 years ago #45224

The logo issue is visible in your (!) screenshot: The logo does not look good.

PS: Is Joomshaper planning on including a direct upload option to the forum? I find it very circumstantial that whenever I want to send you a screenshot I have to upload it to my own web directory to be able to send you a link to it. I am no fan of lightshot. Also, may I ask you to delete my screenshot from lightshot? I do not wish for my screenshots to be permanently accessible to the whole web. Thank you!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #45298

download (1).png

0
MW
Manuela Weibel
Accepted Answer
3 years ago #45302

I do not have this upload option. Could you please enable it for me?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #45315

Oh Sorry upload upload not available for users. Will you please use the google drive?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #45392

Please check now. Thanks

0
MW
Manuela Weibel
Accepted Answer
3 years ago #45704

Now, the rest of the header is not sticky anymore (navigation and search button disappear when scrolled). And the logo protrudes over the header area and into the body. May I ask you to fix again? https://www.dropbox.com/s/ndpsrpofgfxt0dg/Screenshot%202021-12-02%20at%2014.16.06.png?dl=0 In general, I am surprised that custom.css is even necessary. I am using a predefined header (in a payed template) and would expect it to work without any custom.css. Can you explain? Thank you!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #45715

Hi there, I have checked the header issue. But, no problem found. I just modified the template index.php file to work with custom.css file.

https://prnt.sc/21egssi

0
MW
Manuela Weibel
Accepted Answer
3 years ago #46727

Dear Toufiq, I checked on 3 different devices in several browsers: the header still looks messy. Could you please check and fix again? Thank you! https://www.dropbox.com/s/itpcprupgpsw8rn/Screenshot%202021-12-09%20at%2009.42.44.png?dl=0

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #46764
0
MW
Manuela Weibel
Accepted Answer
3 years ago #46811

Sorry! Please try again.

0
MW
Manuela Weibel
Accepted Answer
3 years ago #46883

I see that you worked on it. Thank you. But we are back to the same state as 1 week ago, where the logo gets distorted (https://www.dropbox.com/s/05m4ufxima8tpfy/Helix-Ultimate_classic-layout-header_logo-issue.mov?dl=0).

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #46916

Please tell me your device size. Thanks

0
Pavel
Pavel
Accepted Answer
3 years ago #46942

But we are back to the same state as 1 week ago, where the logo gets

Hi. If I may...

Your logo too wide. It is impossible to put things in a small box that is more than this box. If you fix your logo so that it does not shrink, then your menu items will break and flow to the second level.

I would recommend you first work on the logo in a graphic editor to make it narrow.

0
MW
Manuela Weibel
Accepted Answer
3 years ago #46947

Thank you Pavel, this might explain the logo-related issues. I will see what I can do.

0