Public Forums 71,145 posts

[cathwells Friend cathwellsJoin date: March 2016Posts: 2Downloads:3Uploads:0]

#945662

I have tried a number of the suggestions in various forums but nothing achieves what I am looking for.
I would like to have the logo image across the whole screen and have it scale to whatever the the window size is as well as being responsive.
I am quite new to all this so whatever the response please treat me like a newbie 🙂

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#945674

Hi
add below code in custom.css file
/css/custom.css (create if files not present )

.logo-image img {width:100%}

Hope it helps .

[cathwells Friend cathwellsJoin date: March 2016Posts: 2Downloads:3Uploads:0]

#945707

Hi – thanks for the prompt reply – I already tried that – it doesn’t do what I am after – I really wanted the image to be the full width of the screen this code achieves the responsive aspect but not the width

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#945711

Hi
You need to change the logo column width to 12 in /tpls/blocks/header.php Here > http://prntscr.com/bmx71c
For full width you need to create new block because the current block use the max-width of site container .
http://www.t3-framework.org/documentation/layout-system.html#add-block

[Author]

Posts