[Alec]

Currently I have a company logy in the header using the custom logo and in the header I also have a text widget with some text. When opened on a phone the text overlaps the logo and is not properly responsive.

[Zed]

Can we see your website?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Grodan Boll]

Hi, I have the same problem, the widget is not responsive.
you can check my site
http://62.109.60.221/blog

[elaine]

Same problem here. No response from the theme developer.

The header widget contains important CONTACT information that does not show up properly on iphone…it is not responsive.

I also made it an IMAGE hoping that that would be responsive on iphone..but nope. Doesn’t work.

is there anyone on the forum who has a solution? this seems like a very basic requirement for the theme’s header to be responsive.

[Andrew]

i have the same problem… any solution??

[i have the same problem]

please can you tell me how i solve this problem

[Charlotte]

Hey guys,
I have been trying to fix this on my site forever and a day! The only solution I found was to:

Go to to style-mobile.css and change the position of the header widget area from relative to absolute (line 25)
On the same line, change where is says left:0 to left:10
Then go into the header widgets section in your wordpress admin and add:
style=”max-width:100%”
inside the tags of any images you have placed there.

I’m sure there is a more elegant solution, but this was the only thing that worked for me! I also suspect that this method only works for a text widget!

As a side note, another issue I had with the header was that it was not re-sizing to the correct height. To fix this, go to line 22 of style.mobile.css and add height:100%; to the #bg_img part.

[Author]

Posts