[Resolved] Header widget and Hamburger menu

[Thomas]

Hey,

I have few questions.

Header widget
I can’t figured out how to change header widget. I have tryde to use PHP code and CSS. I have been looking in this forum and at Github.
Link: ( http://radiorinkeby.se.preview.binero.se/ )

As you can see I need a top banner how stretches over the top. Now the banner duplicate it’s self.

Is there is limit in WordPress widget or the theme?

Mobil menu
I wish to remove the hamburger icon in the mobile version av the page.
Is that a css solution?

Thanks

/Thomas

[Tom]

Hi there,

What PHP did you add? It looks like you duplicated the header widget area.

Instead of that, you would just add this CSS to make it full width:

.header-widget {
    float: none;
    max-width: 100%;
}

2. Try this CSS:

.menu-toggle:before {
    display: none;
}

[Thomas]

Hi,

Sorry for the misspel and a bit unclear text above.

I can’t figure out how to change the header widget?

I have tried to use and change the PHP code and CSS. I have been searching for some answers in this forum and at Github. Btw, it’s a great resource.

Here is a link to the page ( http://radiorinkeby.se.preview.binero.se/ ) The problem here is that the banner duplicate itself and don’t stretch the whole container area?
I have used css to set the width to the widget. I can’t find a solution and I would appreciate some help here.

Is there is limit to to the widget in WordPress theme?

My other question reading the Mobile menu
I wish to remove the hamburger icon in the mobile version. How can I do that?

Thanks is advance!

/Thomas

[Thomas]

I found this code.

?php
// Move the header widget above the floating right navigation
if ( ! function_exists( ‘generate_header_items’ ) ) :
/**
* Remove the header widget from the header
*/
function generate_header_items()
{
// Site title and tagline
generate_construct_site_title();

// Site logo
generate_construct_logo();
}
endif;

add_action(‘generate_before_header_content’, ‘generate_construct_header_widget’, 2)

if ( ! function_exists( ‘generate_header_items’ ) ) :
/**
* Build the header
*
* Wrapping this into a function allows us to customize the order
*
* @since 1.2.9.7
*/
function generate_header_items()
{
// Header widget
generate_construct_header_widget();

// Site title and tagline
generate_construct_site_title();

// Site logo
generate_construct_logo();
}
endif;

—
I will tried the css code you gave me.

[Thomas]

Thank you!
The code you give me work like a charm.

Widget
.header-widget {
float: none;
max-width: 100%;
}
—

I can’t hide the hamburger icon? I can’t find it.

[Tom]

Adding this CSS should do it:

.menu-toggle:before {
    display: none;
}

[Thomas]

Sorry, don’t work?
The widget donut stretch.

[Thomas]

Thank you. I hade some problems with cache plugin.

[Tom]

You’re welcome 🙂

[Author]

Posts