New Homeowners Association website built with Weaver Xtreme and Weaver X Plus

[Maureen]

 I really enjoyed using Weaver X, and will always use the X-treme plus plugin with it for all the extra features. Great theme! Great plugin!

As always, feedback welcome:

http://chippendalehoa.net

[Weaver]

Perhaps the opacity look is too high on the 3 images at the bottom of the home page – look just a little too faded to me.

But, really, wow. I don’t think it would have been very easy to build that with Weaver II.

Don’t know if it was easy with Xtreme, but I don’t see too much that looked really hard to do.

I think maybe there is an issue for small tablet size. The desktop and phone both have menus, but none on the smalltablet size.

[scrambler]

If you have plus, you can inprove the layout of the footer widget area. Right now I guess you are using 3 columns, so when they stack 2 on top of 3 you have an empty space on the right of the bottom one.

Instead you can use the custom width boxes and use

desktop   33,34,33;

smalltablet  50,50;100;

phone  100;100;100;

You can also try to center the text in the widgets by adding the rule below in The footer Widget Area BG CSS+ box

.widget {text-align:center;}

[GR8FL]

How did you do the opacity on the front page for those 3 images?

It’s a nice looking site.

[Maureen]

Thanks everyone for the the feedback.

@Weaver – I believed I fixed the issue with no menu appearing on a small tablet. I don’t have a small tablet, but if someone can take a look and let me know if there is a menu on a small tablet, I’d appreciate it.

@Scrambler – I added the custom widths to the footer. I also centered them with the code you gave me, but I prefer the left alignment.

@GR8FL – The 3 images on the front page were created in Photoshop. I added them to the bottom of the page to kind of balance it.

Thanks again.

[Weaver]

You shouldn’t need a small tablet – just start with a wide desktop browser window, then slowly shrink its width – you can see the layout conform to the three widths: desktop, small-tablet, phone.

[scrambler]

When I shrink the browser, I do see a transition from regular horizontal menu on Large screen, to a black opened vertical menu on small tablet, size screen, to a traditional slide open mobile menu on phone size screen

[Maureen]

Thanks Guys!

[lambert]

Nicely done! Really like the cleanness of it. I do struggle to read the content of the footer though, especially the links. Maybe a bit more contrast?

[Maureen]

Thanks Lambert!  I’ll have to take another look at the footer.

[GR8FL]

What did you do to make the header sticky?

[Weaver]

@GR8FL –

It is in the Fixed Browser Top HTML insertion area. (X-Plus only)

[Maureen]

@GR8FL –

I don’t receive notifications of new posts, so I am very delayed in answering your question.

As Weaver wrote, I put the rule in Advanced Opts/ HTML Insertion. I added  a DIV to restrict the header within 1000px. I also added a Hide if Mobile device so I could use the hamburger icon and a primary menu on mobile view (the sticky header would be too small). Here is my code if it helps you:

[hide_if device=mobile]  <div style=”max-width:1000px;margin:0 auto;”><a href=”http://chippendalehoa.net”><img class=”alignleft size-full wp-image-497″ src=”http://chippendalehoa.net/wp-content/uploads/2012/05/choa-logo.png&#8221; alt=”Chippendale Logo” width=”490″ height=”94″ margin/></a></div> [extra_menu menu_name='mini menu' menu_style='none' menu_type='horizontal'][/hide_if]

[GR8FL]

I don’t receive notifications either despite repeated attempts to correct (including new accounts using other email programs). 

Thank you for the code above.

BTW – I did find a calender widget that has far less overhead than the other one (shall remain nameless). Check it out > https://wordpress.org/plugins/event-organiser/  It has a few glitches, but the developer is seemingly on top of things and this seems to satisfy what we need for an events manager.

[Author]

Posts