[riccrom123]

Hi Pratik,
sorry if I come back to this post. It’s possible to have a boxed layout for the header and the menu and resize the logo and the background (of the header-content) mantaining their proportion?

[riccrom123]

Thank you Mahesh!

[riccrom123]

the website:

http://www.fabricfoto.it/testcatchevolution

[riccrom123]

Please help me

[riccrom123]

Cab anybody help me? 🙂

[riccrom123]

thank you Mahesh you have been very kind

[riccrom123]

Thank you Mahesh!

[riccrom123]

Thank you Mahesh!

[riccrom123]

I tried this css but doesn’t work well because there is not margin

#content {
border-right: 2px solid #D8D8D8 !important;
margin-right: 5px;
}

fabricfoto.it/testcatchevolution

[riccrom123]

Ok thank you for your kindly support!

[riccrom123]

Great Pratik! In the 2nd case is possible to reduce the height of the header content when reducing the window in order to don’t show the gaps?

[riccrom123]

If I think better I don’t need the logo to resize.

[riccrom123]

very well pratik! Now, if I’m not asking too much, I would like to see the full background at every resolution. Also the logo have to resize to mantain the correct proportion
For the background I tried with this code but doesn’t work together with the logo:

#header-content {
width: 100%; height: 100%; top: 0; left: 0;
background: url("http://www.fabricfoto.it/wp-content/uploads/2016/02/testata_1600x230.png") no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

maybe I solve designing the logo in the background…

[riccrom123]

In other words i would like to move the div header-content inside the div header-image or contrary.

[riccrom123]

Thank you Pratik in the next step I would like to put the logo centered in the header-image. Sorry but my english is not so good so I explained it bad..

[riccrom123]

Hi Pratik
I just deactivated simple shortcodes plugin and now the logo is shown.. Tell me if must to deactivate also the other plugin

[riccrom123]

<***div id=”site-logo” class=”clear”><***a href=”http://www.fabricfoto.it/&#8221; title=”Proravera”><***img src=”http://www.fabricfoto.it/wp-content/uploads/2016/02/logo_292x190.png&#8221; alt=”Proravera”></div>

[riccrom123]

I try again

<///div id=”site-logo” class=”clear”><///a href=”http://www.fabricfoto.it/&#8221; title=”Proravera”></div>

[riccrom123]

the html code in my message was interpreted

<///div id=”site-logo” class=”clear”></div///>

[riccrom123]

I don’t know why the logo is not shown. In theme settings I uploaded the logo..

<div id=”site-logo” class=”clear”></div>

if I inspect the page with chrome it says 0 x 0 pixels (Natural 292 x 190 pixels)

[Author]

Posts