1 reply [Last post]
mediamanuk
mediamanuk's picture
Offline
newbie
The Philippines
Last seen: 4 years 41 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.

AttachmentSize
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
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 13 hours 23 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Try this

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

cheers,

gary

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