Docs

[Vladmazurenko]

Hello,

I have my navbar menu and I’d like to perform several changes:

1) When the screen is MEDIUM logo does appear and the menu icon has box and shadow which I want to REMOVE.

http://imgur.com/a/hMakg

2) When the screen is small logo does NOT appear and I want it to be there, on the other hand the menu icon’s box and shadow disappear (appearance which I want to accomplish on MEDIUM SIZE screen as well)

http://imgur.com/a/kukBe

3) If it is possible I’d like to change the menu icon by MENU word in all cases (Small and medium screen sizes)

Thanks.

[Rad]

Hi there,

Thanks for writing in.

I think they are possible, but would you mind providing your site’s URL?

Thanks!

[Vladmazurenko]

This reply has been marked as private.

[Nico]

Hi There,

I could see that you did not close the code below properly.

@media(max-width: 768px) {
.x-img.img-left {
max-width: 100px;
float: left;
}

That is why there is a code showing like this in your setup.

@media (max-width: 768px)
.x-btn-navbar {
    background-color: transparent !important;
    box-shadow: none !important;
}

below 768px screensize it will remove the background color and box shadow if the mobile button.

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts