Magazine Pro header widget

[ccophoto]

I hope somebody can help.
I want to use the left header entry as well as the header right widget area in the Magzine Pro theme. I am not experienced.

Since our business name is very long, I need that area to be bigger then the set 380px width. I tried and changed it in the stylesheet.css to 600px, but guess not at the right area, or something is overwriting that.

http://www.ccophoto.com there you see that I use the name only right now, and have further details, which I actually like to have up in the header in the sidebar below.

I bought the Design Palette Pro in the hope that I can make the changes with that, but apparently this is not included in the changes I can make through that plugin.

Hope I find help here.

Thanks,
Regula

/* Title Area
--------------------------------------------- */

.title-area {
float: left;
padding-top: 30px;
width: 600px;

http://www.ccophoto.com

[Victor Font]

When you have 2 elements in the title-area such as the title and widget, the combined width of the two items cannot exceed the width of their parent element. The parent element in this case is the wrap class, which is fixed at 1140px. Your current title is 686px. This means the widget area can be no wider than 454px. You have to adjust all of the elements for the correct widths. Be careful, because if you don't do this correctly, it can impact the entire site. I recommend making one small change at a time and then testing its effect so it's easy to back out if you make a mistake.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[ccophoto]

Thank for your help Victor.

I guess I might be doing something wrong. I think my header width is this:

/* Title Area
--------------------------------------------- */

.title-area {
float: left;
padding-top: 30px;
width: 990px;

and then the widget right is this

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
float: right;
text-align: right;
width: 420px;

And it is still not giving the space for my business name. It is always cutting it into two lines.

I am clearing cache after making the changes.
Glad for any further help.
Regula

[Victor Font]

Again, 990 + 420 = 1410. The area you have is 1140 not 1410.

Change .title-area width to 700px and .site-header .widget-area width to 440px and you'll nail it.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[ccophoto]

My mistake to provide wrong numbers above.
What I did notice is that since I was using the Design Palette Pro, I had to make these changes in that CSS. Only then did it work.
Now I have to figure out the padding for the widget area. Left and right title is not aligning up nicely if I use both areas for title text and image.
Thank you so much for your help.
Regula

[Author]

Posts