Hi!

Thanks for making me aware of that. I can’t remember turning this on, so kinda weird it was on. The header/easy slider is back now -albeit without the captions – I wonder why. Can this be “fixed” ?

Also, how can I adjust the placement(centerpoint/scaling) of the image in mobile view. If possible I would iike it to view the whole picture. not just crop it. I have another site where i use a similar setup, and there the whole picture is viewed. Same settings etc IIRC, only some differences with custom css for the menu etc.

Thanks!

//jadesoturi

Hi and thank you for your reply!

I haven’t been able to follow this up until now due to illness. In the mean time my boss actually liked the spacing on top as it kinda makes the meny look like a strip of packing tape that we use(moving and relocations company. so kinda fits perfectly).

However, I’m having issue on the mobile version. The header image (easy slider) isn’t showing up at all and it seems to be displaced all together. Its there, just seems to be displaced and i cant figure out why. I’m getting massive cuts on the pagespeed insights scores for mobile because of this. Possible to fix?

Thank you in advance!

//jadesoturi

I’ve done the following:

Downloaded the ttf file from http://allfont.net/download/alexandra-zeferino-three/

Used https://www.fontsquirrel.com/tools/webfont-generator with expert settings, changing only the subsetting to include cyrillic and keep existing TTF hinting.

Uploaded the eot, ttf woff and woff2 files to the enfold-chiled/fonts folder on the server.

Added the following to my quickcss:

@font-face {
    font-family: 'alexandra_zeferino_threeRg';
    src: url('fonts/alexandra-zeferino-three_allfont.net-webfont.eot');
    src: url('fonts/alexandra-zeferino-three_allfont.net-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexandra-zeferino-three_allfont.net-webfont.woff2') format('woff2'),
         url('fonts/alexandra-zeferino-three_allfont.net-webfont.woff') format('woff'),
         url('fonts/alexandra-zeferino-three_allfont.net-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1:lang(ru) {
  font-family: "alexandra_zeferino_threeRg" !important;}

h2:lang(ru) {
  font-family: "alexandra_zeferino_threeRg" !important;}

h3:lang(ru) {
  font-family: "alexandra_zeferino_threeRg" !important;}

h4:lang(ru) {
  font-family: "alexandra_zeferino_threeRg" !important;}

However, the text is rendered using regular arial or something, at least its not the script font i specified(neither is it Tangerine and Lato fonts that are set in the enfold theme settings).

I’ve also tried to use this instead of the @font-face

@import url(https://allfont.net/allfont.css?fonts=alexandra-zeferino-three);

but the results are the same.

Please advise!

• This reply was modified 5 years, 10 months ago by jadesoturi. Reason: add code tags

Anyone ? I’ve managed to put the breadcrumbs into the footer for now, but its not optimal.

Please advise!

:)

That did the trick! Thank you! :)

I got another question though – the logo in the main bar – it’s a png file saved from an SVG. When opening the page in chrome and scrolling down so the header shrinks – there is a delay in rendering the logo(it first shrinks,pixilated, then sharpens). When opening the page in firefox this does not happen, but the shrunk logo is not sharp. Most likely because it’s a “big” png file being shrunk. Is there any way to add a svg logo there? so it resizes without artifacts? If not – how to solve this so the logo looks nice and sharp in both expanded and shrunk header.

Regards
//jadesoturi

Nothing? When I select shrinking header the border is back..

Please check :)