Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 14, 2017 at 11:59 am #760633
    alxbosman

    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.

    March 15, 2017 at 4:17 pm #761473
    Yigit

    Hey!

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ 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,
    Yigit

    March 15, 2017 at 5:36 pm #761526
    alxbosman

    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?

    March 15, 2017 at 9:15 pm #761619
    Yigit

    Hi,

    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,
    Yigit

    March 16, 2017 at 8:10 am #761766
    alxbosman

    Thank you so much!

    Please see login.

    March 16, 2017 at 2:24 pm #761921
    Yigit

    Hi,

    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,
    Yigit

    July 3, 2017 at 9:01 am #815756
    alxbosman

    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,
    Alex

    July 3, 2017 at 12:24 pm #815836
    Nikko

    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;
  }

  #top.page-id-337 #av_section_1 .av_one_fifth.avia-builder-el-6 img, 
  #top.page-id-337 #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,
    Nikko

    July 3, 2017 at 12:30 pm #815842
    alxbosman

    Hi Nikko,

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

    July 3, 2017 at 4:43 pm #815951
    John Torvik

    Hi,

    Please, ensure that your cache was cleaned.

    Best regards,
    John Torvik

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