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

Evhulten1990 · December 2014

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 · December 2014

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; }

Evhulten1990 · December 2014

1. the URL is www.roosenzwembaden.nl

2. see 1.

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

Thanks!

Albert · December 2014

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.

Evhulten1990 · January 2015

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 · January 2015

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.

Evhulten1990 · January 2015

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 · January 2015

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'); }

Evhulten1990 · January 2015

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 · January 2015

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.

Evhulten1990 · January 2015

It's Active!

Albert · January 2015

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

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

Evhulten1990 · July 2015

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 · July 2015

Please use below css instead:

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

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

Comments