Executive Widget Area Menu Position

[hvaliente]

Hi

I´m using the Executive Theme
I placed a Logo higher than 200 x 100
Doing that, makes the Widget Custom Menu at the Header Right
to be position at the top and not aligned horizontally with the logo.
I have tried many things and I´m still not able to re-position that custom menu.

I appreciate any help you can provide.

Thanks in advanced

Humberto

[Sandee]

Hi, Humberto.

Do you have a URL to show? It's helpful to be able to look at the code and play around with it a bit to advise you on changes to be made.

Have you made your logo changes in the functions and stylesheet files?

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 260, // CHANGE THIS VALUE
	'height'          => 100, // AND THIS ONE
	'header-selector' => '.site-title a',
	'header-text'     => false
) );

And in the stylesheet --

/* Logo, hide text */

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
	float: left;
	margin: 0;
	max-width: 260px;  /* CHANGE THIS VALUE */
	min-height: 100px;  /* AND THIS ONE */
	padding: 0;
	width: 100%;
}

You may have to also change the padding and make a few other adjustments. The point is, the theme is coded to accept a logo of the default size with no changes; if you change the logo size, you have to make slight changes in the code to the header area and menu.

Hope that helps.

Sandee

[hvaliente]

Hi Sandee

Really thanks for your quick reply 🙂
I will try what you recommend and come back in case of any issue
If you want to see the website change your host file to point this way...otherwise you will see the server in production.

198.54.115.135 http://www.dcvay.com

Brs,

Humberto

[hvaliente]

Hi Sandee

Both changes you mentioned above I already done.
So the new logo size is OK
What I need to find how to re-position the menu which is in top and not center aligned in the Header Right area due to the fact that the logo is higher.
I tried changing the code in the header and menu (like padding, marging) but no luck

[Sandee]

Hi,

I'm unable to tell you without seeing your site. Can you provide a screen shot maybe?

[hvaliente]

Hi Sandee

Try this link having a screenshot HERE
Let me know if you are able to see it

Thanks a lot

Humberto

[hvaliente]

Hi Sandee

I restore my css file and now I was able to move the menu using padding.
Hope this is the best way to do it.

I appreciate all help provided 🙂

Thanks,

Humberto

[Author]

Posts