-
Posts
-
Dear support team
When designing a website, the following problem has arisen:
the footer is displayed correctly on the computer: see screenshot: https://www.alcahestpharma.com/support/View_computer.pngHowever, if you look at the website on the tablet (i-pad) the footer slips in its presentation:
https://www.alcahestpharma.com/support/i-pad_Portrait-view.png
and
https://www.alcahestpharma.com/support/i-pad_Landscape-view.pngWhat settings can I make to format the footer on the i-pad in a correct representation (like on the computer)?
Thank you for your work.
many GreetingsHey Diana,
You might want to wrap the three lower columns in a separate section or grid row, so that they look better on ipad.
If you need further assistance please let us know.
Best regards,
VictoriaDear Victoria,
this is the footer. This is organized via the widgets. Here I can not insert grid-rows or similar. Is not there a way in which I can css the footer only for the tablet optimize? Or another good option?the footer is displayed correctly on the computer: see screenshot: https://www.alcahestpharma.com/support/View_computer.png
However, if you look at the website on the tablet (i-pad) the footer slips in its presentation:
https://www.alcahestpharma.com/support/i-pad_Portrait-view.png
and
https://www.alcahestpharma.com/support/i-pad_Landscape-view.pngGreetings Diana
Hi DianaLoola73,
You can use the Enfold feature and build a page and set it to be your footer. I thought you were already doing that and so this is where my suggestion is coming from.
You made the footer using text widgets and having that header in the first column is making things look not aligned on other screen sizes.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:768px) and (max-width: 1024px){ #custom_html-2 .textwidget.custom-html-widget div { margin-top: -29px; } }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.