1 reply [Last post]
mediamanuk's picture
The Philippines
Last seen: 7 years 31 weeks ago
The Philippines
Timezone: GMT+8
Joined: 2015-10-24
Posts: 1
Points: 2

This is my 1st post as a new member so please bear with me.

English Everest (Built with Wordpress Tempera Theme)
I am comfortable working with this theme and this is the 3rd site i have done using it, but this is
the first time I have encountered this problem.

I have created a Contact Us widget and placed it into my sidebar on my site.
All works well until I use a tablet and cellphone.

I have attached 4 images of my contact form, which is ok, and my title bar
which is not ok.

The images range from 804px, (at 800px the contact box moves below the text which is correct).
I am trying to get the Contact Us title bar to align with form fields.
At 300px, the boxes align but in between 300 and 800px, I just cannot get them to align.
I have tried media queries(which I am fairly new to) for different sizes.
This is for portrait mode. For landscape mode, the title bar takes up 90% of the width of the screen.
I have worked on this for days, with no joy.

I removed the media queries as they did not make any difference to the problem. I think I may be placing the them in the wrong place. Any ideas as to where I may be going wrong would be greatly appreciated.

804 responsive title bar.png165.44 KB
788 responsive title bar.png124.3 KB
500 responsive title bar.png137.98 KB
300 responsive title bar.png186.17 KB
gary.turner's picture
Last seen: 2 years 13 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Try this

.sidey .widget-title {
  background-color: #3b496f;
  border: 2px solid #f6efdf;
  color: #fff;
  max-width: 250px;
Note the max-width.



If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.