adjust main menu size

DT-Fotografie · February 2016

Is there a possibility to change the height of the menu with CSS? because I want to reduce the size and let logo out.

Albert · February 2016

It depends on what menu you are talking about, what is inside and some other factors. If you send us link to your site, we may have a look on it.

DT-Fotografie · February 2016

i have fixt the problem my self.

here is the link. i have a other question how do i now align the responsive menu toggle to my new menu bar.

Here is te Link:

http://www.dt-bedrijfsfotografie.nl/DEMO-SITE/

Albert · February 2016

You can do this with the following css:

#Top_bar a.responsive-menu-toggle { top: -8px !important; }

DT-Fotografie · February 2016

thank you! only by a mistake i have delete the css for the menu bar ajustment

(

Albert · February 2016

You are welcome

DT-Fotografie · February 2016

i have a corner image for the top bar: http://www.dt-bedrijfsfotografie.nl/DEMO-SITE/wp-content/uploads/2016/02/Menu-Left-corner.png

How can i correct insert this with Css

I have try some but it dont work.

and i have try this:

content: '';

position: absolute;

top: 0; left: 0;

border-top: 40px solid #1d9b49;

border-left: 40px solid #000000;

width: 0;

i only think i put it in the wrong spot in te code.

Albert · February 2016

Do you mean to replace default sliding top icon or what? On what page you want to do this?

DT-Fotografie · February 2016

I want to plase the icon so the menu bar wil look like this:

Albert · February 2016

Ok, we got it. So to make this top bar the same as on above screenshot, you need to use the following css:

#Top_bar {
    background-image: url("http://www.dt-bedrijfsfotografie.nl/DEMO-SITE/wp-content/uploads/2016/02/Menu-Left-corner.png");
    background-repeat: no-repeat;
    background-position: left;
}

DT-Fotografie · February 2016

Thank you for the support!

Albert · February 2016

You are welcome

DT-Fotografie · February 2016

only one more question,

The responcive menu is now transparant how can i chance it.
I have try doing it white te menu wrapper but i cant cat it to work.

Albert · February 2016

You don't have background because of your customization. And because you did many changes in header, we found only one css that may work:

@media only screen and (max-width: 767px) {
    #Top_bar #menu ul li { background: #000 !important; }
}

DT-Fotografie · February 2016

Thank you! It Works!

Albert · February 2016

You are welcome

adjust main menu size

Comments