[SOLVED] Image width in theme configurator

[Geoff1066]

I have created a new "hook top" in theme configurator and added an image which is the width of the site.

 

Can someone tell me how to get it to display at it's fill width? It looks like it is part of 3 columns. Can I make this 1 column right the way across?

 

Screen grab attached to show you what I mean.

 

Thanks

 

 

[vekia]

hello

 

your website is online? if so, can you share url?

[Geoff1066]

Yes of course, development site is at http://homewoodleisure.co.uk/shop3

[dioniz]

In yourdomain/modules/themeconfigurator/css/hooks.css find this:

 

#htmlcontent_top {
    float: right;
    max-width: 391px;
    padding-left: 5px;
    width: 33%;
}

Remove max-width: 391px; and change width to 100%

[Geoff1066]

That's it Dioniz, thank you so much.

 

Any idea how to get it to display the full width on mobile too?

[vekia]

@media (max-width: 767px)
#htmlcontent_top ul li {
float: left;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}

use there width:100% instead of width 50%;

it's a part of /modules/themeconfigurator/css/hooks.css file

[Geoff1066]

That works perfectly, also added a padding-bottom: 15px to make a gap before the new arrivals button.

 

Have to say, this forum is certainly providing the answers when I get stuck. Really impressed with PrestaShop

[vekia]

you're welcome

i marked topic title as solved

with regards,

Milos