Docs

[DMONAHAN]

Hi. I had to update the theme to the newest version since the upgrade wasn’t automatic since that wasn’t available at the time. As expected the theme changes and override a few things. The one area that I am struggling the most to get back from the previous site originally as you can see the screenshot attached. I am looking to have the logo overlap the slide on the homepage, where it showing the gray box and the white box is overlapping the slide.

[DMONAHAN]

This reply has been marked as private.

[Joao]

Hi There,

Please switch this CSS code:

.x-navbar{
 height:120px;
}

For this:

.x-brand img {
    margin-bottom: -120px;
   }

Hope it helps,

Joao

[DMONAHAN]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.x-navbar.x-navbar-fixed-top .x-brand img {
    width: 100px;
    height: auto;
    margin-bottom: 0;
}

Hope it helps 🙂

[DMONAHAN]

Thanks that works for the desktop, but its not working for mobile. Is there another css that is needed for all mobile devices?

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 500px) {
.x-brand img {
    width: 50%;
    margin-bottom: 0px !important;
  } }

Hope that helps,

Joao

[DMONAHAN]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. You can add this under Custom > CSS in the Customizer.

.fullwidthbanner-container .fullwidthabanner {
  overflow: visible !important;
}

Hope this helps.

Cheers!

[Author]

Posts