Full width of header and footer

[RomaPopovych]

Hello. I just can’t set the full display of the header and footer on my site. What do I need to do to make these elements appear on the full screen?
In the main settings, I have already changed everything, I just can’t change this view

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Roma,

Please go to Theme Option > General Setting and turn off Boxed Layout.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[RomaPopovych]

I have an image in the background in the header, if I turn off this switch, the image disappears. I don’t want this image to disappear, so this option doesn’t work for me. How else can you do this?
And yet – how to remove the field that is marked on the screen?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. I don’t see the image on header when you turn off boxed option.

2. Please go to Appearance > Footer menu and delete.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[RomaPopovych]

That’s the problem. I need to put an image in the header, but if I disable this switch, there is no way to put the image

And yet – what size of the image in the header should be set so that it would be shown on the computer and phone?

• This reply was modified 3 years, 5 months ago by RomaPopovych.

[RomaPopovych]

Can you tell me how to make a full-width header, but about that, make a background with a picture?

[RomaPopovych]

RomaPopovych wrote:

RomaPopovych SUPPORTED Can you tell me how to make a full-width header, but about that, make a background with a picture?

Harry wrote:

Can you tell me how to make a full-width header, but about that, make a background with a picture?

Can you tell me how to make a full-width header, but about that, make a background with a picture?

 

[Harry]

Hi,

1. To make header full with Please go to Theme Option > General Setting and turn off Boxed Layout.

2. Please add below code to claue > theme option > general layout > custom CSS

#jas-header {background: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg) center center no-repeat; background-size: cover;}

@media (max-width: 767px) {
#jas-header {
background-image: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg);
}}

}

and change the path to your image

the image on desktop should be is 1920 x 250, and for mobile should be 414 x 150

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[RomaPopovych]

Harry wrote:

Hi, 1. To make header full with Please go to Theme Option > General Setting and turn off Boxed Layout. 2. Please add below code to claue > theme option > general layout > custom CSS

#jas-header {background: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg) center center no-repeat; background-size: cover;}

@media (max-width: 767px) {
#jas-header {
background-image: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg);
}}

} and change the path to your image the image on desktop should be is 1920 x 250, and for mobile should be 414 x 150 Kind regards

Thanks a lot, it helped me a lot
Please tell me how to increase the size of the icons in the header of the site?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Roma,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-action i {
	font-size: 30px;
}

and change 30 with your number

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts