padodalu

Here’s the test-site link –
artbric.lv.91-194-77-200.web10.garmtech.net

This did the trick! Don’t know how to thank you enough, you work wonders. ?? Thanks again!

Thanks, I did manage to change the width of cart, but the drop-down of it is all over the place and I can’t press on menu buttons – it automatically directs me to cart this way. See picture –
Picture with dropdown

Added this one to CSS, menu and header looks great now, big thank you! However, cart width is still wrong and it’s over menu buttons so I can’t press them anymore.
Site link

OK, so I made a new demo site with nothing added, just pure wordpress, woocommerce, storefront, made a child theme from it and copied your code in functions.php –
Site link
I also added padding to header as you advised and it seems to do the trick. However the hight between header and menu on homepage is too wide, on other pages it’s OK, see pictures –
Bad hight
Just what I would like
And the cart still is off – one line below menu and justified to all page. If these 2 things could be fixed somehow it would be perfect.

And about the functions.php, the original text is like this –

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css' );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css' );

// END ENQUEUE PARENT ACTION

If I put your code below I get white page, so I replaced this part with it –

<?php

And it did the trick – no white page right now.

OK, got a progress with you code finally, see the link please –
Site link
Menu is on the right spot, but there’s a problem with cart – it’s one level lower than it should be and the width of it is wrong. Also, the header image is smaller now and I don’t know how to fix that too. Sorry for the mess, I’m not very good with coding.

Isn’t storefront theme working as child theme too? Or I’m missing something?

Just made a fresh wordpress install, then added woocommerce plugin, added storefront theme and edited it’s functions.php with your code – got the white screen again. No changes were made anywhere else.

Unfortunately something isn’t right – when I copy the code in my functions.php file the site crashes, both front and admin panel – I get white screen. Tried both ways – through admin panel (Appearance/Editor) and Filezilla too. Maybe I’m doing something wrong there?

Thanks for response. I put it on host here –
Site link

I found this code –

function child_theme_init() {

	remove_action( 'storefront_header', 'storefront_primary_navigation', 50 );
	add_action( 'storefront_before_content', 'woa_primary_nav_wrap', 5 );
	add_action( 'woa_primary_nav', 'storefront_primary_navigation' );
}
add_action( 'init', 'child_theme_init' );

function woa_primary_nav_wrap() {
	?>
		<div class="col-full primary-nav-wrap">
			<?php do_action( 'woa_primary_nav' ); ?>
		</div>
	<?php
}

Seems to do the trick with menu. However, cart is still out of position and now the header picture shrinked and doesn’t look good, see picture –
After code

Thanks for response. I’ll try to show the idea with pictures.

This is how I have the menu and cart right now:
bad example

This is how I want it to be:
good example

[ No bumping please. ]