Header full image instead of logo

[hawwac]

I was wondering if there was a way to make the header a full width image in place of having the logo. Im using the third option for the header.

[Laura]

Hello, do you mean an image that covers the whole header area? Can you add it and send me a link?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hawwac]

Hi, I haven’t figured out how to do it. I was wondering if it can be done.

[Laura]

Hello, i mean add the image you want to be full width instead of the logo ( add the image at the logo section, and send me a link to see it and edit it 😀

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hawwac]

Oh thanks so much! I want it to look like a magazine cover 🙂 hope it works

http://newfoundmuslima.com/wp-admin/

user- test
passw- test

if you need the file separate please let me know 🙂

[Laura]

Hello, please check out, i added this to your style.css

COPY CODE

.kleo-main-header.header-centered {
    background: #FF33CC;
}
ul#menu-main-menu {
    background: white;
    width: 1640px;
    margin-left: -2%;
}

Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hawwac]

That looks absolutely amazing! Thank you so much. 🙂 is there any way to make the menu centered again though? It’s on the right side.

[Laura]

Hello, couldn’t access again, did you change the user?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hawwac]

Hi sorry yes the User is set

 

newfoundmuslima.com/wp-admin

user test

passw test

[Laura]

Hello, i see it fine, please check attached
You can modify the css i sent you until you see it fine ( the margin-left)

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hawwac]

I had to remove the css because it messed up the menu on mobile screens :(. now the side menu isn’t showing.

[Laura]

Hello, try to place this css at style.css and delete the code i sent you before

COPY CODE

@media screen and (min-width: 800px) {
.kleo-main-header.header-centered {
    background: #FF33CC;
}
ul#menu-main-menu {
    background: white;
    width: 1640px;
    margin-left: -2%;
}
}

Let me know if you still face any issue

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts