Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #760633

    Hi there,

    I have an issue that I need to get sorted asap.

    I have made the whole site responsive and have had no trouble with any of the elements except the app store buttons and the text on the landing page.
    The responsiveness works perfectly when mobile is emulated through chrome, but when viewed on mobile it doesn’t work.
    if you check the responsiveness on your desktop then on mobile you will see what I mean.

    Hope you can help, I am at whits end.



    Please enable the custom css class field: and then edit your images and give them a custom CSS class (“my-buttons” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
    .my-buttons img { max-width: 360px; }}

    Best regards,


    Hi Yigit,

    Thanks for your reply.

    I have tried that and it doesn’t work.

    There seems to be an issue on the mobile side.
    the @media works on desktop, but on mobile it doesn’t.

    What would be causing this?



    There might be an error in your custom CSS. If you do not mind, please post temporary admin logins here privately so we can look into it

    Best regards,


    Thank you so much!

    Please see login.



    There was an extra closing curly bracket and “my-buttons” class was missing a dot. I fixed those. Please flush cache and review your website

    Best regards,


    Hi there,

    I am having the same issue again. The two app buttons will not stay side by side on mobile, but viewed in a browser it works fine.
    Please advise.

    Kind regards,


    Hi Alex,

    Try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
      .page-id-337 #av_section_1 .av_one_fifth.avia-builder-el-6, 
      .page-id-337 #av_section_1 .av_one_fifth.avia-builder-el-9 {
        float: left !important;
        width: 50% !important;
        padding-top: 10px !important;
  #av_section_1 .av_one_fifth.avia-builder-el-6 img, #av_section_1 .av_one_fifth.avia-builder-el-9 img {
        padding-left: 10% !important;
        padding-right: 10% !important;
        max-width: 160px !important;
      .page-id-337 #av_section_1 .av_one_fifth.avia-builder-el-8 {
        display: none;

    Hope this helps :)

    Best regards,


    Hi Nikko,

    So I added it that to my custom css, and it works in browser, but not on mobile unfortunately.



    Please, ensure that your cache was cleaned.

    Best regards,
    John Torvik

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