pratik53

go to Appearance > Editor > style.css and add below code to change the position of your menu and title.

you can find style.css at right side under sub items of the Templates tag.

.main-navigation ul li a { background: #000000;}
.main-navigation ul li:hover > a, .main-navigation ul li.current_page_item > a { background: ff0000;}

you can see in image that you want.

https://postimg.org/image/6i1d2555l/

if that css not work then try this one

body.layout-boxed #body-core, body.custom-background #body-core { max-width: 100% !important;}
body.layout-boxed #pre-header, body.layout-boxed #header, body.custom-background #pre-header, body.custom-background #header { margin: 0 auto !important; max-width: 100% !important;}

generally you can add that css to anywhere in style.css.

you should add that css code at last for remembering or if in case you have to change that code.

go to Appearance > Editor > style.css and add below code to change the slider to full width.

body.layout-boxed #body-core, body.custom-background #body-core { max-width: 100%;}
body.layout-boxed #pre-header, body.layout-boxed #header, body.custom-background #pre-header, body.custom-background #header { margin: 0 auto; max-width: 100%;}

go to Appearance > Editor > style.css and add below code to change the position of your menu and title.

you can find style.css at right side under sub items of the Templates tag.

.site-header.fixed { position: relative;}
.site-header { background-color: #1c1c1c;}