Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 22, 2016 at 6:01 pm #652300
    vnfan

    Dear enfold team,
    my website looks great on monitor but for mobiles i want to custom those things:

    1. Reduce white space of breadcrumbs on mobile version (there are too much white space on the left and the top of the breadcrumbs)
    2. More white space between the toggle and the map on mobile version
    3. Reduce white space between the gallery and the button “jetzt anfragen” on mobile version

    Could you please helf me with those issues?

    June 22, 2016 at 6:28 pm #652332
    Andy

    Hey vnfan,

    use this code inside Quick CSS field:

    .responsive .title_container .breadcrumb {
top: -15px;
left: -22px !important;
}

    Please use different tickets for different questions.

    Best regards,
    Andy

    June 23, 2016 at 2:17 pm #652611
    vnfan

    Hi Andy,
    I have tried your code but the breadcrumbs disappeared on monitor version. So I modified it a little bit.
    @media only screen and (max-width: 767px) {
    .title_container .breadcrumb {
    top: -15px!important;
    left: 2px !important;
    }}
    The breadcrumbs looks great now!
    ———
    by the question 2: How can I add an extra class for the map sothat it is more white space between the toggle and the map on mobile version?

    June 23, 2016 at 7:32 pm #652695
    Andy

    Hi,

    you can turn on custom class for all ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘custom mobile layout’ is closed to new replies.