Docs

[unicornholding]

Hi!

I am using the X-theme for the home page. Logo is somehow moved to the upper edge of the header, completely against the screen edge. I need to logo to be at the same line with my ubermenu’s custom menu and at the left side of the screen.

Here’s the css:

}
.x-breadcrumb-wrap,
#top {
border: none;
box-shadow: none;
}

That worked before, but it sopped working after this code was implemented:

.formbutton{
background-color: #8EF5E9 !important;
}

What do you suggest to do?

Thanks,

Endrik

[Nabeel A]

Hi Endrik,

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.

[unicornholding]

This reply has been marked as private.

[Paul R]

Hi Endrik,

You can add this under Custom > Edit Global CSS in the Customizer.

body .x-brand {
    margin-top: 10px;
    margin-bottom: 10px;
}

header .ubermenu-responsive-default.ubermenu {
    margin: 30px auto;
}

You may change the margins to adjust the alignment.

Hope that helps.

[unicornholding]

Hi again!

The logo is not at the same level with the ubermenu. It moved 10px belowes, but I want it to be at the bottom of the header, at the same row with the menu and left. Somehow the code piece that should put it there, is not functioning.

Regards,

Endrik

[Rupok]

Hi there,

It looks aligned with the menu vertically. If you want to move it up or down, you just need to adjust the values from this code :

body .x-brand {
  margin-bottom: 10px;
  margin-top: 10px;
}

You should be able to do it yourself.

Thanks!

[unicornholding]

Hi again!

This code doesn’t do that what I want.

Dont u understand that if the logo is vertically aligned with the menu and I will force it move down, it will move the menu down the same amount of pixels logo moves down? Sorry, but are u from another planet?

I want the logo and the menu to be on the same line it means horizontally. This also means the logo needs to be at the left side of the screen, where it is, but at the same position with the menu so it would be preceeding the menu, when you red from left to right. It may even require to push the damn mentu to the right, though it was previously ok.

This goal was previously acchieved, but the code addition that changed the form button color, kinda made this effect to go away and I don’t know why.

I need someone to tell me, what kind of code piece will put the logo to the same line at horizonal level with the damn menu and keeps the logo left in front of the menu. If I need to change the container width or smth, then it’s also ok. But seriously, I am stuck in here. I tried something, but to no avail. I am a beginner in wordpress and well I don’t know much of the css. So I need the code example and I can insert this to the customizer.

Thanks again,

Endrik

[Rad]

Hi Endrik,

Seems to be okay, maybe there are confusions about alignment since it’s okay while trying to make it different from what we’re currently seeing.

Let’s clarify first,

1. Please provide a mockup design of what it should look like, the final design of what we should expect to see

2. Screenshot of what you’re currently getting, this way, we can compare it to what we’re currently seeing and provide CSS applicable for it.

Thanks!

[Author]

Posts