Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 20, 2017 at 2:10 pm #810356
    saphigon

    Hello,

    I have a problem on this site, where some of the text elements and images doesnt look good on mobile.
    As you can see from the link, it looks alright on desktop, but on mobile, some of the modules dont react the way I think it should:

    The first two modules seem fine, the ones named “Kjeldsberg i dag” and “Historien”.
    But on the next one, the yellow one called “Samfunnsansvar”, the text block is very narrow on mobile view, making the lines really short and hard to read.

    Also the ones underneath, “Fairtrade & UTZ”, “initativ for etisk handel” and “kirkens bymisjon”, the same thing happens, and the images are placed on the side, instead of above the text.

    What is really weird, is that I have made the text blocks etc. in the same way, so i dont understand why this happen on some of them.

    Hope this makes sense, thanks in advance!

    June 21, 2017 at 4:47 am #810726
    Rikard

    Hey saphigon,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    June 21, 2017 at 10:27 am #810883
    saphigon

    Here is login info.

    Thanks!

    June 21, 2017 at 6:04 pm #811079
    Victoria

    Hi saphigon,

    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 (max-width: 450px) {
.responsive .container {
  padding: 20px;
}
div .av_one_half {
    width: 100%;
    padding: 0 20px;
}
div .av_one_fourth {
    width: 100%;
}
div .av_two_third {
    padding: 20px;
    width: 100%;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 26, 2017 at 10:43 am #812961
    saphigon

    Hello Victoria, thanks for your support.
    It works better now, only problem is that the column isnt centered. There is more space on the left side, than right.
    See image.

    You know how i can fix that? :)
    You can still use the user/password i posted.

    Regards,
    Marius

    June 26, 2017 at 2:06 pm #813061
    Victoria

    Hi Marius,

    Here is the code that should work better, 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 (max-width: 450px) {
.responsive .container {
  padding: 20px;
}
div .av_one_half {
    width: 100%;
    padding: 0 20px;
    margin: 0;
}
div .av_one_fourth {
    width: 100%;
}
div .av_two_third {
    padding: 20px;
    width: 100%;
    margin: 0;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 26, 2017 at 2:10 pm #813062
    saphigon

    Worked perfectly, you´re a superstar!
    Thanks! :D

    June 26, 2017 at 3:29 pm #813100
    Sarah

    Hi,

    We’re glad that Rikard and Victoria were able to help you. We’ll close this thread now, but please feel free to open a new one if you have any other questions.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Text and content on mobile’ is closed to new replies.