Home Forums Weaver Xtreme Theme Widget at the same height like title? Re: Widget at the same height like title?

#30681
scrambler
Moderator

Given you have Plus, you have many possibilities, here is one that makes the most sense.

Use the actual Header image to do the Top Image.

Hide Title and Tagline using Main options > Header > Site title / Tagline > Hide Site Title and Hide Site tagline options. By the way, right now you have an empty tagline, it would be better for search engines to have a tagline, but hide it with the hide option if you dont want to display it.

Then do the Facebook and title using the Header Widget area with two widgets.
Firsts setup Main options > Header > Header Widget area > Header widget Area Position to “After Header”
Above that enter the following in Custom Widget Width > Desktop: to set the left widget to a 30% width and the title widget to 70%

30,70;

Based on how it will behave on mobile, you will have the possibility to change that layout on small tablet and phone by using different values in each box. for example the values below would keep them side by side on desktop and small tablets, but stack them on phones

desktop: 30,70;
smalltablets: 30,70;
phones: 100;100;

Then in Appearance > Widget > Header Widget Area, drop two text widgets.
In the first one, put your facebook stuff.
In the second one put the title shortcode
[site_title matchtheme=true]

Then in Main options > Fonts & Custom > Custom CSS Rule box add the rule below to align it right
.site-title {text-align:right;}