Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 26, 2015 at 6:34 pm #402883
    suchfin

    Hello, i have two questions.

    1. I need it that the Page Title and Breadcrumb also is sticky.
    How can I achieve this?

    2. I am using the following css code to overlap the logo.

    .logo, .logo a {overflow: visible;}
.logo img {max-height: 150px !important;margin-top:-35px !important; }

#top .logo img { max-height: 150px; }
@media only screen and (max-width: 767px) {
     #top .logo img { max-height: 80px !important; margin-top:0px !important;}
}

    If I scroll down, the logo is not small. Can we achieve this? And if so, how?

    Thanks

    February 27, 2015 at 6:15 pm #403570
    Elliott

    Hey suchfin!

    1. Try adding this to your custom CSS.

    .title_container {
  position: fixed;
  top: 115px;
  width: 970px;
  left: 50%;
  transform: translate(-50%);
  z-index: 999;
}

    2. I’m not sure if that is going to be possible like that. You don’t have your header set to shrink so there is no way to target the shrinking logo when you scroll down the page.

    Best regards,
    Elliott

    February 28, 2015 at 12:11 pm #403817
    suchfin

    Hi Elliott, thanks the CSS is working.

    At 2. to the Logo… What I need to do to achieve this?

    Regards Rico

    March 2, 2015 at 6:23 am #404299
    Rikard

    Hey Rico!

    What exactly do you mean by overlap? Could you elaborate a bit more what you want to do with logo please?

    Regards,
    Rikard

    March 5, 2015 at 5:17 pm #406520
    suchfin

    Hey, i’m using this code… that the logo is overlaping the second menu container.

    .logo, .logo a {overflow: visible;}
.logo img {max-height: 150px !important;margin-top:-35px !important; }

#top .logo img { max-height: 150px; }
@media only screen and (max-width: 767px) {
     #top .logo img { max-height: 80px !important; margin-top:0px !important;}
}

    All is working fine but now the logo is not minimize if i scroll down. How can i fix that?

    Regards

    March 5, 2015 at 7:32 pm #406630
    Yigit

    Hey!

    Please remove the code you added for overlapping logo and use following code instead

    strong.logo.bg-logo {
  top: 50px;
}

    If that does not help, please elaborate on the changes you would like to make so we can provide you an accurate custom CSS code.

    Regards,
    Yigit

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