Header's picture not responsive

[darkette]

Hello,

Could you help me, your template is totally responsive except for the header’s picture, how to solve this issue ? And also : I need to remove the line located right under the header’s picture, could you explain me how to do so ?

Thanks !!!

Attachments:

You must be logged in to view attached files.

[Marco]

Hi darkette, you have to explain better… give me your website url and try to make an’image with instructions

Marco

[darkette]

Thx for you answer.

The website is not online yet, so I can’t show you, but you will find two pictures attached.

In the picture 1 : the view from my iphone
In the picture 2 : view from Firefox

I want to remove the line just under the picture in grey and adapted the picture for responsive design.

Thanks for your help

Attachments:

You must be logged in to view attached files.

[Marco]

For the line under the picture you can add this css code into your style.css :

header .wrapper {
    border-top:none !important
}

for the image you can add this class “img-responsive” open headver-full.php (you’v used full header option, right?) and find the line 11:

before
echo '<img src="' . esc_url($iw_opt['logo']['url']) . '" alt="' . get_bloginfo('name') . '" />';

after
echo '<img src="' . esc_url($iw_opt['logo']['url']) . '" alt="' . get_bloginfo('name') . '" class="img-responsive" />';

My king regards

Marco

PS: I hope i’v helped you, can i ask to you to rate my theme on themeforest? i’ll appreciate so much! 😉

[darkette]

Thanks ! The firt code totally work !

But the other about responsive make my template out of work :/

[alphakam]

This is an AMAZING theme! Great job! But I am having the same issue: I used the full header and I need it to be responsive (shrink) for the mobile version> I couldn’t follow what you wrote above. So sorry! If you can help and explain it so that a dummy could do it, I would be very grateful!

Thank you!

[Marco]

Hi alphakam, attached new headver.php with this fix… upload into your website hosting into theme folder…

Waiting your response

Best Regards

Marco

Attachments:

You must be logged in to view attached files.

[carlogiacco]

Hi Marco, I had a similar issue with the logo and used your attachment custom_headver.zip which works great for the responsive side of things, except, now the logo is aligned to the left and not centred. How could I now make it centred? Cheers Carlo

[Marco]

Hi Carlo, attached new style.css 🙂 override your existing one…

Regards

Marco

Attachments:

You must be logged in to view attached files.

[alphakam]

Marco,
It works! Easy fix! You are FABULOUS, my friend. Much appreciated for your kindness, hard work and fast response!!

[Marco]

Thanks to you alphakam 😉 if you want you can rate my theme on themeforest… i’ll appreciate it 😉

My king Regards

Marco

[alphakam]

I have already rated your great theme, Marco. I did it yesterday!

[carlogiacco]

Thanks Marco! Works great now!
Cheers
Carlo

[Marco]

Thank you so much both of you 😉

My king regards

Marco