Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 24, 2020 at 7:39 pm #1215864
    Igitt23

    Hello,

    Im trying to make my Logo overlapping the content area as shown in this thread:
    https://kriesi.at/support/topic/how-to-make-logo-overlap-the-header/

    Its working pretty good on PC and im very happy. But i also want to archive this effekt in mobile view.

    Im having this in my custom CSS fpr Desktop View:

    /* Menü nach unten gerückt */
    #top .logo {
    padding-top: 0px;
    width: 200px;
    margin: 3px auto;
    float: none;
    height: auto;
    }

    Link to my Site is in Private content.
    Thank you :)

    May 25, 2020 at 5:02 am #1215939
    Jordan Shannon

    Hey Igitt23,

    Can you screenshot the issue you are having? I’m not seeing it.

    Best regards,
    Jordan Shannon

    May 25, 2020 at 8:46 pm #1216282
    Igitt23

    Hi Jordan,

    as i said. It works well with the overlapping logo on PC.

    But also want archive this overlapping effekt on mobile.

    May 27, 2020 at 2:09 am #1216765
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.responsive .logo a {
position:inherit!important;
}

.logo img{
    top: 30px;
    z-index: 9999999999999999999999999999999;
    position: absolute;
}}

    Best regards,
    Jordan Shannon

    May 28, 2020 at 3:45 pm #1217396
    Igitt23

    Hi Jordan,

    thank you. Works like a charm. <3

    best regards

    May 28, 2020 at 5:51 pm #1217471
    Victoria

    Hi Igitt23,

    Glad we could help :)

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

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