[Genesis]

Hi Brad,

You mean to add the sizes of this?

add_image_size( 'home-top', 1140, 460, TRUE );

How do I add multiple according to different mobile devices?

I'm using @media in my css.

Thanks!

[Genesis]

Solved this for Firefox but not UC Browser:

Change the following padding to 0px;

.site-header .wrap {
padding: 20px 0px 0px 20px;
}

Could this be the UC Browser problem now?

Thanks!

[Genesis]

I tried that. Still the same. There is still space at the bottom. Not sure why.

[Genesis]

Anybody?

[Genesis]

I tried on both but even I change the margin and padding values to 0px, the bottom still have a space.

Any other inputs?

[Genesis]

So, the update will basically overwrite the style.css amendment?

Any other way to edit the theme css besides editing the current style.css?

[Genesis]

@Marcy,

Thank you so much! I was able to get it done. 😉

[Genesis]

Hi Marcy,

Sorry that I don't have a link now as I'm doing it offline for now.

The code managed to put the image viewable in full-width but the part under it is having space when resize to smaller window:

This is smallest browser window. Link to the image: http://postimg.org/image/cqmegarqn/

This is the code following the header:

.header-image .site-title a {
	float: left;
	min-height: 245px;
	width: 100%;
}

Thanks again! Appreciate! 🙂

[Genesis]

Hi Marcy,

Many thanks!

Now, I'm able to view it right in the browser.

There's one problem left though. When resizing the browser, it header can be viewed on the center part.

Here's the screenshot of different sizes of browser:

Full Screen:
50% Screen:
Smallest Screen:

Is there any way that I can make the entire header viewable lihe slider does?

Thanks!

[Genesis]

I tried the second one by adding height: 320 and width 2520 but both left and right side is still white background. Any ideas?

[Author]

Posts