Header not working correctly in Chrome - Support | Kriesi.at

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
April 5, 2016 at 11:23 am #608186

Fiorilla
Participant

Hello,

We have a problem with our header – it works perfectly in Firefox and IE, but not in Chrome, where there we have the background color and a shrinked header on top… Could you help, please?

Many thanks,

Fiorilla

April 5, 2016 at 6:17 pm #608418
Yigit
Keymaster
Hi Fiorilla!

Please add following code to Quick CSS in Enfold theme options under General Stlying tab
```
.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
```
and set header height to 167px in Enfold theme options > Header

Cheers!
Yigit
April 6, 2016 at 9:59 am #608777
Fiorilla
Participant
Hi Yigit,

Thanks! The only problem now is that the banner is not centered (there is a small margin on the right, and when you scroll, it goes on the left instead of staying centered). Is there a remedy? :-)

Many thanks,

Daria
- This reply was modified 8 years, 7 months ago by Fiorilla.
April 6, 2016 at 11:18 am #608826
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
.logo, .logo img {
    max-width: 100%!important;
    width: 100%!important;
}
```
and go to Enfold theme options > Header > Header Behaviour and disable “shrinking header” option :)

Regards,
Yigit
April 6, 2016 at 12:17 pm #608885

Fiorilla
Participant

Hi Yigit,

Thanks. I have inserted the code, but there is no change. About the shrinking header – this is actually a feature we want, it just needs to shrink while staying centered. It has worked since two weeks and stopped working yesterday…

Would you have another idea?

Thank you,

Fiorilla

April 8, 2016 at 4:40 pm #610320

Fiorilla
Participant

Hi Yigit,

I am sorry to nag, but is there a way to make this work? We just need a centered banner that shrinks on scroll while remain centered..

Thank you,

Fiorilla

April 8, 2016 at 4:49 pm #610327
Yigit
Keymaster
Hey!

I noticed that you are commenting your custom CSS as following
```
 
```
Please use following instead for CSS
```
/* My correct commenting */
```
I corrected all in Quick CSS field and removed following code
```
add_filter('avf_postgrid_excerpt_length','avf_postgrid_excerpt_length_mod', 10, 1);
function avf_postgrid_excerpt_length_mod($length) {
   $length = 150;
   return $length;
}
```
and pasted it in functions.php file where it should be :)
Please review your website now

Best regards,
Yigit
April 11, 2016 at 3:48 pm #611378

Fiorilla
Participant

Hi Yigit,

Thanks – actually, the result is not what we had before : as you see, the banner stays centered, but it is deformed when it is shrinked!! What we had before, was the banner shrinking proportionally (i.e. the letters “Cercle des mécènes” not deformed in any way), and the remaining gaps on left and right filled with red color.

Would you have the possibility to make this come back as well?

Thanks a lot for your help,

Daria

April 14, 2016 at 4:51 am #613427

Ismael
Moderator

Hey!

The logo will shrink proportionately if you remove the “yellow” part. It’s NOT adjusting correctly because it is too wide. We can add the “yellow” or “orange” part using css.

Regards,
Ismael

April 15, 2016 at 10:50 am #614706

Fiorilla
Participant

Hi Ismael,

Thanks for your answer. I can adjust the header – what width should it be, given that I would like the menu’s background to stay red, and the left and right side of the header to stay in the same orange it is now.

Thanks for your help,

Fiorilla

April 18, 2016 at 1:41 pm #616453

Vinay
Inactive Moderator

Hey!

We tried to access your site but google say’s the site contains malware

please get in touch with your hosting company and run a scan on the site to fix the issue and let us know so we can trouble shoot further.

Best regards,
Vinay

May 23, 2016 at 4:33 pm #636930

Fiorilla
Participant

Dear Vinay,

Our troubles with the website are finally over and you can now access the website. Could you please let me know how to scale down the banner without distorting it?

Thanks a lot for your help,

Fiorilla

May 26, 2016 at 4:28 am #638430
Ismael
Moderator
Hi,

Extract the actual logo image from the “orange” background then add this in the QuicK CSS field to add an “orange” background color to the header:
```
.header_color .av-logo-container a {
    background: orange;
}
```
The size of the logo image can be 655x170px.

Best regards,
Ismael
June 1, 2016 at 3:34 pm #641562

Fiorilla
Participant

Hi Ismael,

Thanks – this did not work (there was no orange background appearing, just the logo without orange taking the entire space in a disproportioned way…) Is there anything else I can try?

thank you,

Fiorilla

June 3, 2016 at 6:10 am #642386

Ismael
Moderator

Hi,

Did you add the css code in every languages’ theme options > Quick CSS field? We checked the site but it’s still using the large logo image. Please extract the actual logo in the image, remove the orange part as suggested before then upload it again as logo. After that, we will inspect the site and apply the orange background.

Best regards,
Ismael

June 10, 2016 at 11:04 am #646142

Fiorilla
Participant

Hi Ismael,

I have done as suggested (the logo without orange is in the media library), and I did add the CSS in the quick CSS field. I had to come back to the initial version because it did not work and the result was worse than what I am trying to correct.

Would you have the possibility to inspect the site (you can just change the logo for the new one that is already uploaded in the media library) ? I would not like changing the image now, not knowing when you would inspect the site (since if I use the logo with orange removed, it stretches horribly and I cannot live the site like that for days as it is live…)

Thanks for your reply,

best regards;

Fiorilla

June 14, 2016 at 5:04 am #647765

Ismael
Moderator

Hi,

We are sorry for the delay. We tried to login to the site to test this but the login credentials are not working. Please check.

Best regards,
Ismael

June 14, 2016 at 5:22 am #647772
Ismael
Moderator
Hi,

UPDATE: We managed to access the site and modified the custom css modifications of the logo. Please adjust the background color value in the Quick CSS field:
```
#header_main .av-logo-container .inner-container .logo {
    background: orange !important;
}
```
Best regards,
Ismael
June 16, 2016 at 2:44 pm #649244

Fiorilla
Participant

Dear Ismael,

Perfect, thanks so much!

Daria
Author

Posts

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Header not working correctly in Chrome’ is closed to new replies.