Docs

[t9xperience]

Hey Guys!

I can imagine you can be pretty busy so i am hoping this question is kind of no brainer and it will be resolved without taking you too much time… 😉

So i made an overlapping logo via Custom CSS and it works fine on all the pages. The problem i got was on the single post, it refuses to overlap the container and it pushes the whole thing to the right, so my sidebar has no space.. The sidebar is pushed under the container?

How do i get the container to the original left ? To get more clarity i did a screenshot..

<img src=”http://prntscr.com/b8pwhg&#8221; alt=”” /

Thanks for the help!
I hope it is kind of clear…

Best regards,
Vito

[Nabeel A]

Hi Vito,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[t9xperience]

This reply has been marked as private.

[Paul R]

Hi Vito,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

.x-brand {
    position: absolute
    z-index:99999;
}

Hope that helps.

[t9xperience]

I did try the solution but it does not seem to work…It does not change anything.. maybe another idea?

thanks

[Lely]

Hi There,

Please update above to this:

.x-brand {
    position: absolute;
    z-index:99999;
}

We have missing semi-colon on this line: position: absolute
Check the result, if that is not the intended result you want, remove above CSS and use this instead:

.single-post .x-main.left {
    clear: both;
}

Hope this helps.

[t9xperience]

Solved! 🙂

Thanks guys, thank you for giving me both options you are amazing! Hope you enjoy the weekend!

Best regards,
Vito

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts