Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 24, 2016 at 12:05 pm #691125
    csmwebdesign

    Good Morning,

    On the site URL below (private content) the contact text is cut off when viewed on an iPad in both portrait and landscape. The website width is set to 1310px. I’ve used the following CSS to reduce the size of the footer, unsuccessfully:

    @media only screen and (max-width: 1024px) {
    #footer .container {
    max-width: 90%;
    }}

    Many thanks

    September 24, 2016 at 5:09 pm #691192
    Jordan

    Hey csmwebdesign,

    Try adding the “!important” tag after the width value. So now your code should look like this:

    
@media only screen and (max-width: 1024px) {
#footer .container {
max-width: 90% !important;
}}

    Let me know how it goes!

    Best regards,
    Jordan

    September 24, 2016 at 7:49 pm #691225
    csmwebdesign

    Hi Jordan

    Thanks for your advice. Unfortunately the contents is still cut off, and looks slightly worse.

    Regards

    September 27, 2016 at 3:15 pm #692268
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 768px) {
#footer .flex_column { width: 100% !important; margin-left: 0 !important; }}

    Best regards,
    Yigit

    September 27, 2016 at 10:04 pm #692431
    csmwebdesign

    Perfect, thanks as always Yigit

    September 27, 2016 at 10:33 pm #692443
    Yigit

    Hi,

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Footer width on iPad cuts off text’ is closed to new replies.