Docs

[mahmoud237]

I made a logo in the middle using this code you provide in another thread … it’s working perfectly

@media (min-width: 980px) {
    .x-logobar {
       display: none !important;
       visibility: hidden !important;
    }
    .x-navbar .desktop .x-nav > li.logo-menu-item > a {
        text-indent: -99999px;
        text-align: left;
        width: 306px;
        height: 62px;
        background: url(your-logo) no-repeat center center;
        background-size: contain;
    }
}

but now I want to add margins around the logo to make pages near the edges .

I want to change it from “1” to “2” see it on attachment

Thanks

[mahmoud237]

also I want to remove the line that appears while hovering on navbar pages and replace it with bold effect.

[Christopher]

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.

[mahmoud237]

This reply has been marked as private.

[mahmoud237]

Waiting 🙂

[mahmoud237]

Thanks … I manage to do it from another topic … please close or remove this topic .

Thanks again

[Rad]

You’re welcome!

[mahmoud237]

This reply has been marked as private.

[Joao]

Hi There,

Can you clarify the issue I am not sure what you mean by the navbar pages returns again to be near the logo .

I have looked your website and the picture and it looks pretty similar.

Thanks

Joao

[mahmoud237]

This reply has been marked as private.

[Rue Nel]

Hello There,

To resolve your issue, please use this code instead:

.x-navbar .x-container.max.width {
    width: 96%;
    max-width: 100%;
}

.masthead-stacked .desktop .x-nav {
    width: 100%;
}

.masthead-stacked .desktop .x-nav > li {
    display: table-cell;
    float:  none;
    text-align: center;
}

li#menu-item-6686 {
    min-width: 400px;
    text-align: center !important;
}

li#menu-item-6686 a {
    margin-left: auto;
    margin-right: auto
}

And since you have installed a caching plugin and a minification plugin, you must clear the cache and regenerate the minified files before testing your site.

Hope this helps. Please let us know how it goes.

[Author]

Posts