Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1136309

    Good morning

    I wonder if you might be able to help me please. I am doing some changes to a client’s website and she would like her logo Centered with menu below. However, when I do that, it considerably shrinks the logo.

    As soon as I change it to Logo Left Menu below, it increases it to the correct size.

    Please see below for examples.

    Can you please let me know what quick CSS code I can add to ensure the logo remains the same size when it is centered.

    Many many thanks
    Ivana

    #1136701

    Hey Ivana,

    Could you please give us a link to your website, we need more context to be able to help you.

    You can try setting the custom header height in the theme options.

    Best regards,
    Victoria

    #1136817

    Thanks for your response Victoria. I did increase the height of the header several times because I know that can sometimes fix the problem (you will see there is a large space below the logo). I have also checked that I selected the actual size of the image (ie. to make sure it wasn’t loading a smaller version).

    I have had this problem come up with other websites in the past, so I think it may be something to do with the settings.

    When the logo is left aligned, it is the correct size (as per my dropbox screenshots).

    Please see link below to client website.

    I greatly appreciate your help with this.

    #1137191

    Hi web4smallbusiness,

    No, the setting probably does not take into account the logo height, but for this case, there is an option to increase the header height as needed.

    Best regards,
    Victoria

    #1137313

    Hi Victoria
    The issue is not the height of the logo, but the width. If you have a look at the Dropbox files you will see when the logo is left aligned, it’s much wider. But when I select Logo centered, Menu below, it shrinks the width of the logo.

    What I would like is to stretch the logo across the whole header – the actual file is about 1027 pixels in width.

    Many thanks
    Ivana

    #1137812

    Hi,

    You can try to set it as a background image instead maybe?

    #header_main .inner-container {
        background-image: url(https://www.your.site/wp-content/uploads/2019/09/TheGroceryGeekLogo2.png);
    }

    Adjust the header height accordingly in the theme options.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.