Docs

[bgodnik]

I’d like to keep my text logo and the text underneath in a fixed position on the page, regardless of the size of the browser window like it does at http://dreamlawca.com.

My page is at http://thelegaltechie.com/websites/

Can you tell me how to achieve this?

Thanks,
Bob

[Thai]

Hi Bob,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (min-width: 520px) and (max-width: 979px){
    .masthead-inline .x-btn-navbar {
        display: none;
    }
    .x-brand.text {
        width: 100%;
        text-align: center;
    }
    .x-nav-wrap.desktop {
        display: block;
    }
    .masthead-inline .desktop .x-nav {
        float: none;
        text-align: center;
    }
    .x-navbar .desktop .x-nav>li {
        float: none;
        display: inline-block;
    }
}

Hope it helps 🙂

[bgodnik]

Thank you, Thai. For some reason, that didn’t work for me. But I changed things around and it’s ok now.

For the life of me, I can’t get the hover property on the nav menu to change colors on the home page. I used different CSS on the home page to make the links white and when I did this, the hover color isn’t changing to blue like on the rest of my site. Can you help with this?

[bgodnik]

I was able to get the menu nav to change color but still no luck hovering over the submenu.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

ul.sub-menu a {
    background-color: transparent !important;
}

ul.sub-menu a:hover {
    background-color: rgba(0,0,0,0.0175) !important;
}

Thanks.

[Author]

Posts