Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 20, 2015 at 4:45 am #431062
    hansrothem

    hi there

    thanks for ongoing updates and support, absolutely a 5-star service :)

    Question. for this website, the testimonials grid and icon boxes on the homepage do not show up properly on my iphone. Instead of on top of each other, what I’d expect, they still are being shown next to each other which makes them unreadable.

    Do I need to change settings for these elements, or add some CSS?
    Pls advice

    the website is http://cafestylespeedtraining.com

    thanks
    Hans

    April 21, 2015 at 5:03 am #431729
    Rikard

    Hi hansrothem!

    I see your problem, please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.page-id-2386 .avia-builder-el-22, .page-id-2386 .avia-builder-el-23, .page-id-2386 .avia-builder-el-24{
width:100% !important;
}
}

    Cheers!
    Rikard

    • This reply was modified 9 years, 7 months ago by Rikard.
    April 22, 2015 at 3:01 am #432497
    hansrothem

    Thanks Rikard!

    It did have an effect; the first of three boxes now shows up fine. The other two still show up next to each other, unreadable. Also the testimonial box (grey background) is not good yet.

    Any other suggestions?

    April 23, 2015 at 5:45 am #433237
    Rikard

    Hi!

    Sorry about that, please try this instead:

    @media only screen and (max-width: 767px) {
.page-id-2386 .avia-builder-el-22, .page-id-2386 .avia-builder-el-25, .page-id-2386 .avia-builder-el-28{
width:100% !important;
}
}

    Regards,
    Rikard

    April 23, 2015 at 11:20 am #433369
    hansrothem

    thanks Rikard – no worries
    still doesn’t seem to work; shall I create admin account for you?

    April 23, 2015 at 11:26 am #433373
    hansrothem

    Sorry Rikard – the icon boxes now show up good, thanks for that

    The testimonial box not really, very small underneath each other.
    Also the two columns at the end still show up next to each other.

    Any suggestions for those?
    http://cafestylespeedtraining.com

    April 23, 2015 at 12:43 pm #433409
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
#top .no_margin.av_one_third {
  width: 100%;
}}

    Cheers!
    Yigit

    April 23, 2015 at 5:51 pm #433654
    hansrothem

    thanks Yigit, now the testimonials look perfect :)

    April 23, 2015 at 6:39 pm #433683
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
div .av_one_half {
  margin-left: 0;
  width: 100%;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.