Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • September 27, 2017 at 12:29 pm #857465
    mary301187

    Hey guys,

    I create a page. It looks good on Screen, but on mobile one picture is missing (Home left side – man black hair).
    I try different sizes but it doesn´t work.
    On your demo (site about), it´s the same problem ;)

    About

    Another problem: On mobile there is much spacing between the areas. What can I do?

    Please help me :)
    Thanks

    Annemarie

    September 27, 2017 at 6:35 pm #857667
    Victoria

    Hey mary301187,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 479px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    min-height: 245px;
  }
  .flex_cell.no_margin.av_one_half, .flex_cell.av_one_half   {
    padding: 20px !important;
  }
  .avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 30px;
    padding-bottom: 30px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    min-height: 345px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 29, 2017 at 6:45 pm #858568
    mary301187

    Hey Victoria,

    it works, thank you so much :)

    But now I have another problem: On mobile the menu links doesn´t work and the button “Unser Team” also doesn´t work.
    Can you help me?

    Thanks

    Annemarie

    October 2, 2017 at 5:36 am #859073
    Ismael

    Hi,

    There are two “team” sections. Why is that?

    Best regards,
    Ismael

    October 2, 2017 at 9:12 am #859148
    mary301187

    Hey Ismael,

    one section für mobil and one for desktop. ok – That´s why the link doesnt´work.
    Should I create another menu for mobile – What´s to do?

    Thanks

    October 2, 2017 at 9:13 pm #859370
    Basilis

    Hi,

    Yes, because the IDs’ should be different

    Best regards,
    Basilis

    October 3, 2017 at 5:05 pm #859691
    mary301187

    But how do I make another menu for mobile?

    October 4, 2017 at 8:34 am #859989
    Ismael

    Hi,

    Name the section differently (ex. “team-mobile”) then duplicate the “Team” menu item. Change the anchor link in accordance with the new section name. In the Appearance > Menu > Screen Options, activate the “CSS classes” so that you can manipulate the display property of the menu item. Example:

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

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

    Best regards,
    Ismael

    October 4, 2017 at 12:26 pm #860103
    mary301187

    Thanks, but I can´t find Screen Options :(

    October 4, 2017 at 6:14 pm #860255
    Victoria

    Hi mary301187,

    The became available in Enfold 4.1.2. Which version of the theme are you running?

    Best regards,
    Victoria

    October 5, 2017 at 10:55 am #860519
    mary301187

    4.1.2
    can you please send me a screenshot?

    October 7, 2017 at 3:09 am #861240
    Ismael

    Hi,

    You’ll see the Screen Options at the top right corner of the Appearance > Menus panel right beside the “Help” button. Enable the menu items’ CSS Classes field there.

    // https://imgur.com/a/5mJQg

    Best regards,
    Ismael

    October 8, 2017 at 1:25 pm #861552
    mary301187

    Hey Ismael.
    thank you. I found but it doesn´t work.

    October 10, 2017 at 7:17 am #862317
    Ismael

    Hi,

    The css class attribute is invalid. It has to be “only_mobile” for mobile devices and “only_desktop” for desktop view. And there are still sections in the page with the same “team” Section ID.

    UPDATE: We changed the css class field value and then updated the css modification in the QuicK CSS field.

    Best regards,
    Ismael

    October 16, 2017 at 10:33 am #864737
    mary301187

    Perfect, it works. But on mobile menu I see the desktop and the mobile section – for example team team and the section “ueberuns-mobil” doesnt work on mobil :(

    • This reply was modified 7 years, 1 month ago by mary301187.
    October 17, 2017 at 5:42 am #865117
    Ismael

    Hi,

    Please check the Screen Options settings of the color sections. Make sure that they are correct.

    Best regards,
    Ismael

    October 29, 2017 at 5:39 pm #870137
    mary301187

    Hey Ismael,

    I checked the settings but it doesn´t work.
    The desktop setting ist perfekt.
    But the mobile menu show me desktop and mobile classes.
    And the mobile menu section “ueberuns-mobile” doesnt work.

    I become desperate, please help me!

    Best regards,

    Annemarie
    UPDATE 01.11. I update Enfold, but it doesn´t work. Now my first Slider looks strange. What happens?

    • This reply was modified 7 years ago by mary301187.
    November 2, 2017 at 2:56 am #871474
    Ismael

    Hi,

    The color sections are working properly. The “team-mobil” section only displays on mobile view.

    Best regards,
    Ismael

    November 2, 2017 at 3:00 am #871475
    Ismael

    Hi,

    I’m sorry for the delay. We modified the said file. Please remove browser cache and hard refresh before checking the page.

    Best regards,
    Ismael

    November 2, 2017 at 12:01 pm #871612
    mary301187

    Hey,

    thanks. The sider looks good.
    But the mobile menu shows me the mobil and the desktop section.

    November 3, 2017 at 5:38 am #871986
    Ismael

    Hi,

    Thank you for the info. We modified the code in the Quick CSS field. Please remove browser cache before checking the page.

    Best regards,
    Ismael

    November 4, 2017 at 8:04 pm #872588
    mary301187

    Perfect guys!!!! Only one site “Datenschutz” doesn´t show in the mobile menu.
    And the desktop slider looks not good, something happen. It´s the same Mistake after Update.

    November 5, 2017 at 12:21 am #872640
    mary301187

    Isamel, you gonna kill me… I worked and cleared the CSS from you :(
    Can you say me the code again? Thanks

    November 7, 2017 at 4:29 am #873514
    Ismael

    Hi,

    We cleaned the css codes and added the modification back. What’s wrong with the slider?

    Best regards,
    Ismael

    November 7, 2017 at 12:30 pm #873629
    mary301187

    On desktop the slider looks strange like after the Update.
    Normaly there is a big video wth text over it.

    Now my menu on mobile is perfect, only the site “Datenschutz” doesn´t show.

    November 8, 2017 at 5:47 am #874010
    Ismael

    Hi,

    We modified the css code a bit and the following code to fix the video background issue.

    #top .av-video-slide video {
    height: auto !important;
}

#top .av-video-slide .mejs-container {
    width: 100% !important;
}

    It’s a minor bug on version 4.2.

    Best regards,
    Ismael

    November 8, 2017 at 1:06 pm #874144
    mary301187

    everything perfect. thank you very much!!!!

    November 9, 2017 at 7:12 am #874478
    Ismael

    Hi,

    No problem. Please feel free to open a new thread if you need anything else. We’ll close the thread now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 28 posts - 1 through 28 (of 28 total)
  • The topic ‘Grid row doesn´t work on mobile’ is closed to new replies.