Resize Logo, 0% transparency, delete underscores, pull menu down

Evhulten1990

I would love to know how to change the following items:

1. I would like to have a bigger logo, which is in line with the height of my menu bar. How can i resize the logo?

2. As i have changed the heigh of my header, i would like to pull down the menu, it is now on top of the header, i would like to center it..

3. The transparency of the menu bar / header should be 0%, how can i change this?

4. last but not least, i would like to delete the underscores of the menu items (so no blue rectangular thing underneath the words)

Thank you in advance!!!

Albert

1. We need url to have a look on it.

2. Take a look at point 1.

3. Maybe you should choose "Transparent" menu style then?

4. This can be done with below css:

#Top_bar .menu > li > a:after { display: none; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

1. the URL is www.roosenzwembaden.nl

2. see 1.

3. But i do not want the menu to be transparent

Thanks!

Albert

1,2. As we see, you use fixed header and unfortunately with this kind of header it is not possible to do what you need. For that you must choose other header layout instead.

3. So what exactly you want? Because we do not understand. Maybe you can make a screenshot with necessary changes so we can see what you mean exactly.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

Dear Muffingroup,

Please have a look at the image attached, I would like to create the same menu style with your theme. So i need to be able to adjust the height of the header/menu, and i would like to add an image as a background. (see also same attached image)

Futhermore i would like to either change the height of the vertical stripes between the menu items/tiltes, or delete them completly.

thnks !!!

Albert

To remove lines between menu items please take a look at http://forum.muffingroup.com/betheme/discussion/2641/how-do-i-remove-the-section-line-in-menus#latest where we gave right custom css.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

Thanks, But i still did not get an anser on how to enlarge the height of the menu / header and how to add a picture like the blue wave into it. Please i would really like to receive an answer..

Albert

To increase header height, please us below css:

#Top_bar #logo { height: 120px; }
.header-menu-right #Top_bar .menu_wrapper { margin-top: 30px; }

But background image behind menu can be setup easily for modern header and this can be done within "Featured image" option. But because you use different header style, then you can do it using below css only:

.header-classic #Top_bar { background-image: url('http://PATH-TO-IMAGE'); }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

Thanks a lot for all your replies and your patience.

I now managed to add the height of the header, added the logo as i wish. However now the Menu itself is somewhere in the middle. How can i change the position of the menu. Due to the header height change, the menu stayed fixed on its original place. Which CSS could i use to lower it down.

Thanks!

Albert

We need your website activated so we can have a look on it because we don't know how it looks like now and what exactly you want to change.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

It's Active!

Albert

Ok. To move menu to the middle, please use below css:

.header-menu-right #Top_bar .menu_wrapper { margin-top: 50px; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Evhulten1990

Since your latest update the code written down below is not working anymore to pull down the menu. What code can i use now?

.header-menu-right #Top_bar .menu_wrapper { margin-top: 50px; }

Albert

Please use below css instead:

#Top_bar .menu_wrapper { margin-top: 50px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next