Tankman15

Not sure what you are referring to but you could try:

.main-navigation ul.menu, .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    opacity: 0 !important;
}

Please mark as resolved, if this is resolved.

If not resolved then, please can I have a link to your website so I can see what you are talking about.

Thank you

Can we have a link to your website so I can see what you are referring to?

It is hard to see what you are referring to without seeing the full header but you could try:

.site-branding {
   margin-bottom: 0px;
}

That is a great question. I am more than happy to help but I think it would be better to be in a new thread, that way we can help more people.

Please start a new thread and I will answer it.

That works brilliantly. Thank you.

ps. I have a child theme otherwise when an update is done we would lose all our changes. Thank you for the advise.

Most of the WordPress themes can be used for commercial use. Not sure which theme you are referring to but if you are talking about Storefront then the answer will be yes.

I am aware of several companies which use the storefront (or a child theme which is based on the storefront theme).

Woocommerce released the Storefront theme so people like yourself could create a e-commerce website with little knowledge of coding. One very good tutorial is:
Storefront: How To Make An Ecommerce WordPress Website 2015

I hope that helps.

You should start a new thread and not ask questions within other posts as they may not get answered. Your question could be seen as unrelated however, there is alot of threads regarding this and if you search this site you will find the answer.

Anyway I have started to answer your question you can use a plugin (I think it might be called custom css) or you can create a child theme and you then enter all your css code into your child.

There are threads and google have answers on how to create a child theme.

I think this woman answers that question quite nicely in this youtube clip. I think the part you need is around 1hr and 15 mins into the clip but it could make useful watching.

Katrina – Storefront: How To Make An Ecommerce WordPress Website 2015

Hope that helps ??

‘.site-branding img{/*styling for image here*/}’

That solved the issue. I can’t believe I didn’t think of it earlier. The most simple are sometimes so overlooked.

Thank you for your help though ?? I know you have spent time on this for me.

It is a child theme which I have created. So yes it is free but it is just the Storefront theme and I have uploaded style.css and functions.php into a folder called storefront-child.

The site-branding I think it is because on the storefront customiser, it has “Customising Site Identity”.

My functions.php file has:

// add custom logo to website
add_action( ‘init’, ‘storefront_custom_logo’ );
function storefront_custom_logo() {
remove_action( ‘storefront_header’, ‘storefront_site_branding’, 20 );
add_action( ‘storefront_header’, ‘storefront_display_custom_logo’, 20 );
}

function storefront_display_custom_logo() {
?>
” class=”logo” rel=”home”>
<img src=”<?php bloginfo(‘template_directory’)?>/images/logo.png” class=”logo” />

<?php
}

This is the look I am trying to achieve:

logo search My Account | Shopping Cart

Where My Account and Shopping Cart are both sat on the secondary menu.

Does that make sense?

Oh BTW, thanks for the response ?? Don’t worry about delays in responding.

That worked thank you ??

Can I ask, how did you make your menu be full width? I have tried to do this but can’t seem to get it to work.

Umm, not too sure what you are asking.

You are correct not to edit the parent theme templates as when the parent theme gets updated you will lose everything you did.

You should have in your child theme a file called functions.php and you should remove, filter and add new hooks in here.

Look at this URL for a bit more information:
Understanding Hooks for non tech people

There are many guides on this but this one explains them for non techy people like me.

So in short: You need to add and remove all the hooks on your website via the functions.php file in your child them.

I think this is achieved by typing:
`background-color: red;’

Now depending which navigation area you are talking about, this could be:
‘.menu-main-navigation-container {
background-color: red;
}’

Don’t forget to place this into your child theme and not the parent theme. If you are unsure on how to create a child theme or if you are working in a child theme then I think you might need to some research on here and on the internet. I think it is beyond the scope of your original question to start to answer how to create a child theme.

Does that help?

Umm, I tend to put the test server on to a different URL but you don’t have to.

It doesn’t matter what the URL is for as long no one will ever see it as this will be for your development. You can ask WordPress not to be found by search engines.

Example: https://www.yoururl.com is your main site sat on a server and you could have development.yoururl.com which is your development site sat on a different server and that would be OK.

I tend not to use words like development or test, I would be tempted to use myname.yoururl.com but you can use any name you like. Not for much money you can have a .me url which is what I would use for a test site.

I keep the servers separate for security reasons and I tend to use dedicated servers so I am not sharing with other people (again for security reasons). I know lots of people who use shared hosting and they don’t seem to have any security issues so you can use them but it is my opinion to use dedicated.

Does that help to answer your question?