1. Finatic
  2. Monday, 09 September 2019
Hi, I have some problemes with your new template "Finatic":

1. The background images are not responsive. The image does not resize it stays "big".

2. The Buttons "map" ,"Email" ,"Sozial" are overlaying the titel of the image on ipad and you can't see them on mobile and they are not in the same vertical line and there is not a lot space between the icons and the title.

3. If I add 4 finatic-services the text overlays the picture on ipad (1024 x 768) and mobile devices.

4. The finatic- services title is not correct on mobile devices.

5. On mobile devices the logo is not correct. is there a max-width to display the logo correct on all devices?

6. There are no flaggs in the language-switscher.

And one more question:
Is it necessary to duplicate the template to have a multilingual site?



Thanks
Attachments (5)
Responses (11)
Hi,

ad 6) Yes, it was explained in Helix documentation and blog post.
It's because of the menu.

ad 5) Delete this folder to have classic language flag icons
templates\finatic\html\mod_languages

ad 4) there is no max-width with limited value for the logo
only this max-width: 100%;

logo size on mobile view uses 50% of row width.
  1. more than a month ago
  2. Finatic
  3. # 1
ad 1) It may depend on Row setting and screen resolution.
Using background-size: cover is not always perfect for all resolutions.

ad 2) And where you want them on iPad? Closer to sidebars?
I saw that our designed planned small icons for resolution below 992px, not 1024px
Maybe that's why you see issues.

Try this


@media (max-width: 1025px) {
.hero-contact-info ul li i.fa {
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 10px;
font-size: 12px !important;}
}


ad 3) I need URL
  1. more than a month ago
  2. Finatic
  3. # 2
Hi,

ad 6) Yes, it was explained in Helix documentation and blog post.
It's because of the menu.

ad 5) Delete this folder to have classic language flag icons
templates\finatic\html\mod_languages

ad 4) there is no max-width with limited value for the logo
only this max-width: 100%;

logo size on mobile view uses 50% of row width.


ad 6), ok thank you, but one more question: Does the custom.css work with this template also?

ad 5), This does not help. Than there is only the Name of the language and no flagg ...and if I swich the modul to "no dropdown" there is nothing no Flagg.... no language name

ad 4) but the logo is not showing correct it is distorted.
  1. more than a month ago
  2. Finatic
  3. # 3
ad 1) It may depend on Row setting and screen resolution.
Using background-size: cover is not always perfect for all resolutions.

ad 2) And where you want them on iPad? Closer to sidebars?
I saw that our designed planned small icons for resolution below 992px, not 1024px
Maybe that's why you see issues.

Try this


@media (max-width: 1025px) {
.hero-contact-info ul li i.fa {
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 10px;
font-size: 12px !important;}
}


ad 3) I need URL



Ad 1) I did not change the Row setting, so why does it come out like this?
Ad 2) I only want them to be correct on the screen. Left side of the title and with a space beetween icons and title.

I don't understand what you mean by: "I saw that our designed planned small icons for resolution below 992px, not 1024px. Maybe that's why you see issues." The code you told me does not help.

Ad 3) http://wp13310943.server-he.de/dolmetscher

Thanks!
  1. more than a month ago
  2. Finatic
  3. # 4
Sorry for the inconvenience, but it's v1 of this template. In general, I redirected your problems to our developer to improve v1.1 soon.
--
ad 6) yes, in on helix based templates custom.css should work, if your code is correct and the file is placed in the correct location.
  1. more than a month ago
  2. Finatic
  3. # 5
ad 2) You asked about 1024px screen resolution, right.
In that case, let's try something a little bit diffrent



@media (max-width: 1025px) {
#sppb-addon-1566978394075 .sppb-icons-group-list {margin-left: -40px;}
.hero-contact-info ul li i.fa {
width: 25px; height: 25px;line-height: 25px;
margin-right: 10px;font-size: 12px !important;}
}

  1. more than a month ago
  2. Finatic
  3. # 6
ad 1) Becuase Apple developers decided to not use
background-size: cover with background-attachment: fixed
in a proper way. This discussion is on the internet since the first iPhone.
I guess it would be this same problem in a new one, 11.

Anyway, have you seen this message?

foto_2647_2019.jpg

---------

Here is a temporary fix for Apple users


@media (max-width: 1025px) {
#sp-component .page-content #section-id-1566977345544 {
background-size: contain;
background-attachment: scroll;}
}

Attachments (1)
  1. more than a month ago
  2. Finatic
  3. # 7
Hi Paul,

thank you for your answers. I have been on holidas that why I'm writing today.

This two issues I still have:

I deleted this folder: templates\finatic\html\mod_languages... but nothing changed, only the globe icon disappeared what is not better. So what can be the problem, that I can't see the flaggs?

The icons group hero Buttons "phone" and "email" do not work on ipad, why?

Thanks!
  1. more than a month ago
  2. Finatic
  3. # 8
Holiday - lucky you.
---
About the language module, please recover a file from the original template.
Icons were hidden by css, so we need custom CSS to restore them.


.mod-languages img {display: inline;max-width: 20px;}
.mod-languages .lang-inline {padding: 6px !important; }


after.jpg
Attachments (1)
  1. more than a month ago
  2. Finatic
  3. # 9
Ipad - sorry I cannot check that. I sold my tablet.
--
Maybe create a separate addon for mobile and tablet view only with text + icon, not icons only.
  1. more than a month ago
  2. Finatic
  3. # 10
Hi Paul,

thank for your help! :-)
  1. more than a month ago
  2. Finatic
  3. # 11


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.