Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #200524

    Good Evening

    I am having a little bit of trouble modifying the CSS to make the logo the size I need it to be

    My logo is a large image (more like a header) it’s 1300×168. The CSS I am using is
    .logo img { height: 168px; width 1300px; }

    I imagine it should work in theory but the social icons are displaying next to the logo (I am using ‘header with social icons and bottom navigation’) I would like the social icons to be at the top above the logo/header (above the line) Could you please offer advice/help as to how I can achieve this

    This is what I am aiming for

    This is what I have now:

    I would really appreciate your advice/help when you get a minute.

    Many thanks


    Hey Lilipie!

    You’ll need to also increase the height of the header so that the image can expand to fill the area. Start with:

    .bottom_nav_header.social_header #header_main .container {
    height: auto;

    You could switch to a specific height if you wanted but you may not need to.

    Best regards,


    Thanks so much for your help.

    The width still remains a problem. When I inspect element the logo .. It says 910px x 168 The logo is definitely 1300×168

    Could you possibly offer a little more advice so I can replicate it to look like this

    Thanks very very much.




    Try adding this code to the Quick CSS:

    .logo img {
        height: auto  !important;

    Also, i think you would need to modify your logo, there are some spaces on the sides.



    Thanks for your help – this issue is now resolved.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Header and Social Icons’ is closed to new replies.