Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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 http://i.imgur.com/dBdINy7.jpg

    This is what I have now: http://www.catalystforgrowth.co.uk/?page_id=77

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

    Many thanks

    #200709

    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,
    Devin

    #200739

    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

    http://i.imgur.com/dBdINy7.jpg

    Thanks very very much.

    Lili

    #200974

    Hey!

    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.

    Cheers! 
    Josue

    #201579

    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.