[Marc]

Is
#top-bar a {

font-size: 100%;

color: #ffffff;
}

#top-bar {

color: #ffffff;
}

—————

MAking the menu not appear ???

[Marc]

Here is the whole css
——————-

@media only screen and (max-width: 767px) {
.sticky-header-resized #logo {
height: 150px !important;
}

@media only screen and (max-width: 767px) {
div.inner-page-wrap{padding-top:50px !important}
}

@media only screen and (max-width: 480px) {
#logo img {
display: none!important;
}
#logo {
background: transparent url(‘http://192.185.91.211/~kieslers/wp-content/uploads/2014/05/baby_logo.png’) no-repeat center left;
background-size: 233px 150px;
width: 233px;
}
#logo a {
height: 150px;
color: #fff;
}

#top-bar {
height: 33px;
padding: 0px 0;
}

#top-bar a {

font-size: 100%;

color: #ffffff;
}

#top-bar {

color: #ffffff;
}

#footer p {
font-size: 90%;
line-height:110%;
}

#footer a:hover {color:#FFFFFF!important;}
#footer a:visited {color:#FFFFFF!important;}
#footer a:link {color:#FFFFFF!important;}

#footer {
padding: 5px 0 0;
height: 25px;
}

.full-width-text {
padding: 0px;

}

baby_photo{
width: 390px;
}

div.comments-likes{display:none;}

nav.mega-menu ul.menu {
text-align: left;}

#logo a.mobile-menu-show i:after {
content: “MENU”;
float: left;
margin-right: 12px;
font-size: 14px;
line-height: 20px;
font-style: normal;
}

[Marc]

Mmm I fixed the error, but still no luck. Below is what I have in the custom css.

#logo a.mobile-menu-show i:after {
content: “MENU”;
float: left;
margin-right: 12px;
font-size: 14px;
line-height: 20px;
font-style: normal;
}

[Marc]

Yep, I added it there.
Still no go

Attachments:

You must be logged in to view attached files.

[Marc]

Unfortunately that didn’t work. I added the script the the custom CSS page in the theme. Should I be adjusting php files?

-M

[Marc]

Thank you Mohammad. Worked great.

-M

[Marc]

I’m trying to slow down the transition and it doesn’t seem to do anything. Any ideas?

[Marc]

how can I use a custom image instead of an icon?

[Marc]

Why is it, or should I say; how can make the space between the shrinking logo and menu shrink, as the browser is being resized?

My main concern is the browser real estate that the green box occupies. It’s just to large, especially when the width of the browser shrinks.

-M

Attachments:

You must be logged in to view attached files.

[Marc]

Thank you so much. The time in which you respond to inquiries is amazing.Do you have any suggestions for the cropped shrunk logo?

The logo looks fine with a small width if you’re scrolled all the way to the top of the page. the moment you scroll down, and the green bar extends in height. The logo viewable area shrinks, and the image becomes cropped.

-M

Attachments:

You must be logged in to view attached files.

[Marc]

Thank you,

I must say you’re support forum is the best I have ever come across.

-M

[Marc]

I changed the top bar font size to 100% and it seems to have fixed the problem. I still have the height set to 34px.

-M

[Marc]

It was a competing plugin. Thanks for the help.

-Marc

[Marc]

perfect. Thanks a lot!

[Marc]

I only want the “+” sign red.