Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 23, 2020 at 3:34 pm #1224895
    TakiwaSoulArt

    Hallo,

    es geht noch einmal um das Einstellen in der Mobilansicht.

    1. Das Logo soll immer mittig sitzen – in jeder Mobilansicht.
    2. Die Infozeile mit Telefonnummer soll immer rechtsbündig sein.
    3. Die Titel der Diashow erscheinen auf tablet und smartphone links statt rechts. Ich habe aber rechts eingestellt.

    Welche Einstellungen brauche ich dazu?

    Danke und liebe Grüße

    June 24, 2020 at 7:34 am #1225063
    Rikard

    Hallo Sabine,

    We don’t have any German speakers among the moderators unfortunately.

    1 and 2, please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    margin: 0 auto !important;
}
.responsive #top .logo {
    width: 100%;
}
.phone-info span {
    float: right;
}
}

    3. I’m not sure exactly what you mean by this, do you mean that you want the text in the slider to align to the right?

    LG,
    Rikard

    June 24, 2020 at 9:52 am #1225096
    TakiwaSoulArt

    Thank you Rikard.

    Pos. 1 and 2 works – it is ok.

    Pos. 3 Yes, I mean that the text in the slider should be always align to the right, also in the mobile view – beginning in the middle of the image. At the moment it aligns to the left in the mobile view.

    Thank you for supporting
    Greetings, Sabine

    June 25, 2020 at 5:37 am #1225407
    Rikard

    Hi,

    Thanks for the clarification. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.slideshow_caption {
  width: 100% !important;
}

.slideshow_caption h2 {
  text-align: right;
}
}

    Best regards,
    Rikard

    June 25, 2020 at 10:17 am #1225433
    TakiwaSoulArt

    Hey Rikard,

    sorry, I tried the code, but the h2-header is positioned in the center.

    I need the following solution for the mobile view: the h2 header in the diashow should be centered vertical, and right aligned in the horizontal. It should be only one line without a line break. I have a new picture in the dropbox with the solution – called h2-solution Diashow.

    And sorry, it is urgent.

    Thank you and greetings
    Sabine

    June 26, 2020 at 6:06 am #1225725
    Rikard

    Hi,

    This CSS is overriding what I sent you previously:

    .slide-1 .slideshow_caption, .slide-2 .slideshow_caption, .slide-3 .slideshow_caption {
    width: 70%!important;
    right: 0px;
    float: right;
    left: 50%;
}

    I can’t see where it’s coming from since you have file compression active, please turn that off under Enfold->Performance if you don’t know where it’s added.

    Best regards,
    Rikard

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