Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • August 8, 2015 at 8:14 am #484763
    vincent1108

    Hello,

    I have created a site with text and picture in the first row left and right and the second row rightand left.
    In mobile mode younow see two tables of text and two pictures. I want text picture, text picture. Is it possible to custom only the mobile layout for this?

    http://stassen.hol.es/binnen-zonwering/plissegordijnen/

    August 10, 2015 at 8:03 am #485070
    Rikard

    Hey vincent1108,

    Since the first picture is added to the right column this is the default behaviour, but you could add another version of the section where it’s aligned to the left and show that for mobile only. We can help you out with the CSS for showing/hiding the correct section.

    Regards,
    Rikard

    August 10, 2015 at 8:07 am #485071
    vincent1108

    Hello Rikard,

    It would be very nice if You can help me. Can Youexactly explain me how to do it so i can test it? Thanks in advance for you help.

    Vincent

    August 10, 2015 at 2:09 pm #485301
    Andy

    Hi!

    use this code in Quick CSS field: 

    @media only screen and (max-device-width: 736px) {
.flex_column.av_one_half.flex_column_div.avia-builder-el-6.el_after_av_one_half.el_before_av_one_full.column-top-margin {
top: -230px;
}
.avia-image-container.av-styling-.avia-builder-el-5.avia-builder-el-no-sibling.avia-align-center {
top: 230px;
}}

    Regards,
    Andy

    August 12, 2015 at 7:36 am #486321
    vincent1108

    Hello Andy,

    I pasted the code in the quick css field. But i have to add someting elsei think because it doesnot work for now. Can you please help me out? I think i have to add other section but don’t know how.

    August 12, 2015 at 9:28 pm #486793
    Dake

    Hey!

    May we have temporary access to your website so we can take a closer look?

    Regards,
    Dake

    August 12, 2015 at 10:17 pm #486805
    vincent1108

    Hi yes you can. Which acces level do you need for it?

    August 12, 2015 at 10:25 pm #486808
    Dake

    Hey!

    Preferably an admin level account. Be sure to include any credentials in the private section only.

    Best regards,
    Dake

    August 14, 2015 at 7:11 am #487564
    vincent1108

    Hello,

    I send you the the account details. Can you tell me when you changed something so i can test it? Kind regards.

    August 14, 2015 at 12:12 pm #487694
    Yigit

    Hi!

    Sure! But i cannot see your login credentials. Can you please post them in private content field?

    Best regards,
    Yigit

    August 14, 2015 at 12:49 pm #487731
    vincent1108

    I privately send you credentials.

    August 15, 2015 at 5:28 am #488115
    Rikard

    Hi,

    I tried logging in at the address in private but I get a 500 internal server error, what is the URL for logging in to the backend?

    Regards,
    Rikard

    August 15, 2015 at 8:00 am #488149
    vincent1108

    I have tried it and for me it works. Could you please try it again?

    August 17, 2015 at 4:07 am #488502
    Rikard

    Hi,

    Sorry for the late reply. Please do the following: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. Create new items the way you want them to display on mobile. After that assign a class to the items you want to display on desktop/tablets only, for instance show-for-desktop. Then do the same for the items you only want to show on mobile and assign another class to them, for instance mobile-only.

    After that add the following to Quick CSS:

    @media only screen and (max-width: 767px) {
  .show-for-desktop {
  display:none !important;
  }
}

@media only screen and (min-width: 768px) {
  .mobile-only {
  display:none !important;
  }
}

    Thanks,
    Rikard

    August 18, 2015 at 6:33 am #489280
    vincent1108

    Hi Rikard,

    Thank you for your reaction. I’m on holiday now. After that i will try this.

    August 18, 2015 at 4:35 pm #489586
    Dake

    Hey!

    In that case, we will keep your thread open for the time being.

    Regards,
    Dake

    August 27, 2015 at 1:03 pm #494081
    vincent1108

    Hi Dake,

    I have tried what You suggested in the page Jaloezieën. I cannot get it work. I inserted the code in the functions-enfold.php. After that I copied your code in the Quick CSS. And on the page itself i inserted the custom CSS. Can You tell me what I do wrong?

    August 28, 2015 at 6:48 am #494645
    Rikard

    Hi,

    I couldn’t find a page called Jaloezieën on your site, did you remove it?

    Thanks,
    Rikard

    September 2, 2015 at 7:35 am #496887
    vincent1108

    I’m sorry it’s http://stassen.hol.es/binnen-zonwering/jaloezieen/

    September 2, 2015 at 1:54 pm #497086
    Ismael

    Hi!

    You need to add the code in the functions.php file, not functions-enfold.php file.

    add_theme_support('avia_template_builder_custom_css');

    You can then follow Rikard’s suggestion here: https://kriesi.at/support/topic/mobile-layout-problem/#post-488502

    Regards,
    Ismael

    September 3, 2015 at 9:27 pm #498003
    vincent1108

    Hi Ismael,

    I did now paste it in functions.php but still not functional. Can you please help me out?

    September 6, 2015 at 8:44 am #498804
    Rikard

    Hi,

    I can see the Aangepaste CSS Class when editing the first 1/1 element on the page you previously linked, I’m guessing you got it working?

    Best regards,
    Rikard

    September 6, 2015 at 9:05 pm #498939
    vincent1108

    Hi Rikard,

    I did manage to get the custom css. What i did not manage is to hide and show parts in mobile or pc. I think i did anything according the description. Can you please help me with this last part?

    Thank you

    September 7, 2015 at 8:58 am #499107
    Rikard

    Hi,

    It all looks good but the CSS is not applying, could you try disabling/clearing your caching plugins to see if that helps?

    Regards,
    Rikard

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