Delete logo mwlaw

[patsorules]

Hi there,

I want to get my header full width above the menu, but with the actually “lawyer” preset.
But it seems I cant get the left logo out of my way. I cant delete it at all. After choosing a global Header and designing it, the header is on the right side and the logo is still on the left. Where I can remove this “area” or this logo?
Also when I have no individual Header I cant remove the Logo.

Thanks in advance

[jade]

Hey @patsorules,

Please go to X/Pro > Theme Options > CSS then find this CSS block and delete it:

.site:before, .site:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(//demo.theme.co/lawyer/wp-content/uploads/sites/95/2019/11/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 107px;
    height: 24px;
}

Hope this helps.

[patsorules]

Hi Jade,

thanks for the quick response. Your option helped to delete the logo but leaves the left side with a total white space.

As I mentioned I wanted to have a full width slider at the beginning of the site and than the concept of the lawyer business page under.

Is there a way to get this?

Other question:
All in all the menu and the logo in the original is looking great. Is there an option to let the original Header (with the menu and the logo left) and just add an full width video/image above this?

Thanks in advance

[friech]

Hi @patsorules,

First, I would like you to know that the left-space-area plays a big part in the lawyer demo. If you want to remove that left-space-area then you might as well remove all the custom CSS that included with the demo in Theme Options > CSS I find its easier this way than trying to remove only the custom CSS that has something to do with the left-space-area and doing the adjustment on the content. You will still do some adjustments but less custom CSS conflict.

Please follow this thread, this might give you an idea or two.

@patsorules

All in all the menu and the logo in the original is looking great. Is there an option to let the original Header (with the menu and the logo left) and just add an full width video/image above this?

Yes, that is possible, to do this un-assign your current custom header, so you get the standard header with the logo and menu. Then set up a Feature Slider Above Masthead with a video or image background.

How to Add the Slider Above the Website’s Header

Hope it helps,
Cheers!

[patsorules]

HI there,

thanks for writing in.

Unfortunately its not working. Of course I tried it with the Slider above Masterhead. But as you an see, the logo is than behind the slider and the slider and the slider isn’t full wight!

[jade]

Hello @patsorules,

@patsorules

the logo is than behind the slider

You could increase the z-index of the code that adds the logo by updating this code:

.site:before, .site:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(https://dr-farsad.de/wp-content/uploads/2020/02/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 107px;
    height: 24px;
}

to

.site:before, .site:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(https://dr-farsad.de/wp-content/uploads/2020/02/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 107px;
    height: 24px;
    z-index: 99;
}

@patsorules

ind the slider and the slider and the slider isn’t full wight!

Please edit the Size and Pos setting of the layer then set the Preset to Fullwidth.

Hope this helps.

[patsorules]

@jade

.site:before, .site:after { content: “”; display: block; position: absolute; background-image: url(XYZ/wp-content/uploads/2020/02/logo.png); background-repeat: no-repeat; background-size: cover; width: 107px; height: 24px; z-index: 99; }

Hi there,

unfortunatly it doesnt work out. Of course I get the slider more width but the left side is still not moving. I think the logo is blocking!

When you look in the preset: https://demo.theme.co/lawyer/ you see, that the Logo belongs to the left side of the menu. I just want to add a Slider ABOVE this. But by doing this, the logo still goes to the left side of the Header-Slider. That’s the problem. How I can have the logo like in the preset and have a full width Slider above is the question…

[friech]

Hi @patsorules,

Unfortunately, the Slider Above Masthead feature will not work with what you’re trying to do. That left-space area is a big part of the lawyer demo design, so we need to respect that. Here’s what you need to do to place that slider outside the scope of left-space area.

First setup a child theme, After you setup a child theme make sure you activate it (Appearance > Themes).

Then add this to your child theme’s functions.php file.

add_action('x_before_site_begin','my_custom_slider_abovemasthead');
function my_custom_slider_abovemasthead () { ?>

<div class="my-custom-slider">
<?php echo do_shortcode( '[rev_slider alias="nonprofit-home"][/rev_slider]' ); ?>
</div>
<?php }

Replace the [rev_slider alias="nonprofit-home"][/rev_slider] with your own slider shortcode.

Then add this to your Slider’s custom CSS area.

.x-root {
  flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

• 

Hope it helps,
Cheers!