Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2018 at 3:11 pm #901482
    shalenie

    Hello,

    my website doesnt show up properly on mobile when visiting a particular page from my website. https://leconstruct.com/portfolio-item/malapatan-municipal-police-station/

    please notice the square box indicated in the pic: ( the total amount doesnt show up but it shows completely in some desktop browser – not all)

    mobile view
    Hope to hear from you guys soon.

    thanks!

    • This topic was modified 6 years, 11 months ago by shalenie.
    January 24, 2018 at 6:06 am #901930
    Rikard

    Hey shalenie,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1400px) {
#av-layout-grid-1 .avia-animated-number-title span, #av-layout-grid-1 .avia-animated-number-content p {
  font-size:18px !important;
}
}

    Best regards,
    Rikard

    January 27, 2018 at 6:44 pm #903721
    shalenie

    Thank you for your response. it did work but its not quite as ive expected:

    image

    Is there another way to make it look more appropriate? (for the lack of better word)

    January 28, 2018 at 1:17 am #903829
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 767px) and (max-width: 1023px) { 
#top.postid-1480 #av-layout-grid-1 .av_two_fifth {
width: 30%!important; 
padding: 15px!important; 
}
}

    Best regards,
    Mike

    January 28, 2018 at 2:20 am #903834
    shalenie

    thank you for your response mike but it went back to the previous state.

    January 28, 2018 at 4:26 pm #903898
    Mike

    Hi,
    Please try this instead:

    @media only screen and (min-width: 767px) and (max-width: 1023px) { 
#top.postid-1480 #av-layout-grid-1 .av_two_fifth {
width: 30%!important; 
padding: 15px!important; 
}
#av-layout-grid-1 .avia-animated-number-title span, #av-layout-grid-1 .avia-animated-number-content p {
  font-size:18px !important;
}
}

    please see screenshot in Private Content area as the expected change.
    Please clear your browser cache and check.

    Best regards,
    Mike

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