Mobile Ansicht - Footer column1, column2 und column3 - ist nicht einheitlich! - Support

Tagged: column, footer, mobile view

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

Author

Posts
May 9, 2016 at 12:05 pm #629142
THobbes
Participant
Hallo Enfold Team,

auf unserer Website in der mobilen Ansicht haben wir leider folgenden Fehler im Footerbereich.

Fehler-Beschreibung: Bei einige Seiten wird der Footer in der mobilen Ansicht richtig angezeigt. Das bedeutet im Konkreten, das die Felder column1, column2 und column3 untereinander in voller Breite angezeigt werden. Bei einigen anderen Seiten wird der Footer in der mobilen Ansicht dagegen falsch angezeigt. Das bedeutet im Konkreten, das die Felder column1, column2 und column3 dann nebeneinander in einer Zeile angezeigt werden und der Text nicht zu lesen ist.

Bitte schaut Euch das an und teilt mir mit, was getan werden muss das überall auf der Website die Footer-Felder column1, column2 und column3 untereinander in voller Breite richtig angezeigt werden.

Der beigefügte Link1 im privaten Content zeigt wie es richtig ist. Der beigefügte Link2 im privaten Content zeigt wie es falsch ist.

Besten Dank vorab für Eure freundliche Aufmerksamkeit und Hilfe.

Gruß
Thomas
- This topic was modified 8 years, 6 months ago by THobbes.
May 10, 2016 at 4:10 pm #630022
Yigit
Keymaster
Hey THobbes,

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 768px) {
#footer .flex_column { width: 100% !important; margin-left: 0 !important; }}
```
Best regards,
Yigit
May 10, 2016 at 6:56 pm #630187
THobbes
Participant
Hi Yigit, thank you very much for the css code.

The most of the css code is working good, but the css part with “margin-left” don´t look good on my iphone. You can take a look on the Link1&2 and you can see different space from the left side. You have a css-patch for this?

Thx in advanced for your engagement.

Best wishes
Tom
- This reply was modified 8 years, 6 months ago by THobbes.
May 11, 2016 at 2:07 pm #630716

Yigit
Keymaster

Hi,

They show up fine on my end, attached a screenshot in private content field.

Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

Best regards,
Yigit

May 11, 2016 at 2:28 pm #630738

THobbes
Participant

Hi Yigit, thank you very much for your screenshot.

You can see the margin-left error (different space) on the picture at the top. Here is, as example, the textphrase wich is different in the footer column on the webpages:

“Jede Einrichtung kann mitmachen”

or

Jede Einrichtung kann mit-
machen”

The first Textphrase has the right css – margin data.

Best wishes
Tom

May 12, 2016 at 2:15 pm #631385

Andy
Inactive Moderator

Hi,

seems that you could fix it:

Let us know if you need any more help with this issue.

View post on imgur.com

Best regards,
Andy

May 12, 2016 at 2:19 pm #631389

THobbes
Participant

Hi Andy… thx for your Message.

We dont have fix it. Your Picture show not the mobile view ;).

Best wishes
Thomas

May 16, 2016 at 2:32 am #632616
Ismael
Moderator
Hi,

Adjust the background position on mobile view with this:
```
@media only screen and (max-width: 767px) {
.footer_color {
    background: #f8f8f8 url(//ethik-unterrichten.de/wp-content/uploads/2016/02/ethika_just-hands-footer-1.png) 70% 100% no-repeat scroll !important;
}
}
```
Best regards,
Ismael
May 20, 2016 at 11:03 am #635823

THobbes
Participant

Hi Ismael,

thank you for the code. On the picture 2 you can see the margin-left error (different space between text and border).

Best wishes
Tom

May 23, 2016 at 7:12 am #636576

Ismael
Moderator

Hi,

I see. The footer container is outside the wrap_all container that’s why the layout is different. Please edit the page then make sure that all elements are inside a color section. Add multiple color section if you have different sets of elements. Or post the login details here so that we can fix the page.

Best regards,
Ismael
Author

Posts