-
Posts
-
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
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,
DevinThanks 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
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
- The topic ‘Header and Social Icons’ is closed to new replies.