Tankman15

I have tried that, that was my first thought. If I change the line:

<img src=”https://localserver/wp-content/uploads/2015/11/basicLogo.png&#8221; style=”display:inline-block;”>

(manually after the website has loaded) to:

<img src=”https://localserver/wp-content/uploads/2015/11/basicLogo.png&#8221; style=”display:inline-block; height: 52px; width: auto;”>

It works but I need to find a way of passing the size to the image but that is something I am not sure how to do. I am aware that it can be done.

This is what I have in my header section of the style.css:

/* Draw a line at the end of the header.
————————————————————– */
.site-header {
// background-color: pink !important;
border-bottom: 1px solid black;
padding-top: 5px;
}

/* Remove all margins and padding from around the logo.
————————————————————– */
.site-logo-anchor {
background-color: pink;
height: 67px;
border-right: 0px;
border-bottom: 0px;
}

/* Set the size of the logo.
————————————————————– */
.site-branding {
height: 67px !important;
}

/* Set the width of the secondary navigation.
————————————————————– */
.site-header .secondary-navigation { width: 0px !important; }

/* Set the width of the search bar.
————————————————————– */
.site-header .site-search {
height: 67px !important;
// padding-top: 0px !important;
margin-top: 0px;
margin-bottom: 0px;
}

Don’t worry about the background colour being set to pink in some sections. I do this so I can see what I am altering.

You should have 2 versions of your website sat on two different servers.

The first server would be your testing and updating server and the second server will be the one your customer sees.

You would document all changes and how you did all the changes on server one so you can actually recreate them on the server which the customer sees (server two).

Does that help?

Any old plugins, I wouldn’t use because their could be security issues and I wouldn’t want that. That is just me personally. I would rather look around and ask for help to put code into my functions.php or style.css and that way I keep the security of wordpress and my theme.

OK I did inspect the element and yes .site-branding was still present. So I set the height and width to 0px; and that solved the issue. Thanks guys.

Thank you Andrew, I forgot that if you inspect element you can see the css file from there.

I don’t think it is the .site-branding which is causing the problem. I want to move my logo up and yesterday while inspecting the element I saw .site-branding and I thought that is what was causing the issue.

Is .site-branding still active or is this just a padding and margin fault?

Oh and the functions.php looks like this:

<?php

// Import Storefront Styles
function theme_enqueue_styles() {

$parent_style = ‘storefront’;

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style )
);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );

// Remove WooThemes Credit from Footer
add_action( ‘init’, ‘custom_remove_footer_credit’, 10 );
function custom_remove_footer_credit () {
remove_action( ‘storefront_footer’, ‘storefront_credit’, 20 );
add_action( ‘storefront_footer’, ‘custom_storefront_credit’, 20 );
}
function custom_storefront_credit() {
?>
<div class=”site-info”>
© <?php echo get_bloginfo( ‘name’ ) . ‘ ‘ . get_the_date( ‘Y’ ); ?>
</div><!– .site-info –>
<?php
}

// 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=”site-logo-link” rel=”home”>
<img class=”logocent” src=”<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png” alt=”<?php echo get_bloginfo( ‘name’ ); ?>” />

<?php
}

// Remove search bar from the header.
add_action( ‘init’, ‘jk_remove_storefront_header_search’ );
function jk_remove_storefront_header_search() {
remove_action( ‘storefront_header’, ‘storefront_product_search’, 40 );
}

// Rename the menu in mobile view
function storefront_primary_navigation() {
?>
<nav id=”site-navigation” class=”main-navigation” role=”navigation”>
<button class=”menu-toggle”><?php _e( ‘Branded Fashion’, ‘storefront’ ); ?></button>
<?php wp_nav_menu( array( ‘theme_location’ => ‘primary’ ) ); ?>
</nav><!– #site-navigation –>
<?php
}

// Remove the shipping cart from the main menu
add_action( ‘init’, ‘woa_remove_header_cart’ );
function woa_remove_header_cart() {
remove_action( ‘storefront_header’, ‘storefront_header_cart’, 60 );
}

// Allow shortcodes in Widgets
add_filter(‘widget_text’, ‘do_shortcode’);

// Create the function button
function sButton($atts, $content = null) {
extract(shortcode_atts(array(‘link’ => ‘#’), $atts));
return ‘<span>’ . do_shortcode($content) . ‘</span>‘;
}
add_shortcode(‘button’, ‘sButton’);

// End of file
?>

I hope that might help a little.

This is a child theme created by me. So it wasn’t downloaded but more along the lines it was created.

Below is CSS and the functions.php files (if that helps).
[Moderated]

Wow that worked a treat. Thank you very much.

Thank you that has worked! I will set this to resolved.