how to positioning text and picutre widget in header

here is my site , i want to move text widget to the center and stick picture widget at the right side

Hi,

You can try adding this CSS:

@media(min-width:769px){
.header-widget {
    position: absolute;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
}

aside#text-15 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
}

This will be the result: https://share.getcloudapp.com/mXu518wN

working , also how to move the right picture widget a bit right about 10px ?

Thanks.

working , also how to move the right picture widget a bit right about 10px ?

Thanks.

add this CSS:

aside#media_image-16 {
    margin-right: 10px;
}

working , last question how to shift it below about 10px ?

also how to check what widget name is ??

like text-15 and media_image-16

Hi Elvin before is my dummy site but when i'm going to adapt with my site its not showing properly can you check ? here is my site for now

also how to check what widget name is ??

like text-15 and media_image-16

You can inspect the page source for its DOM structure by right clicking the page and clicking "Inspect".

https://developers.google.com/web/tools/chrome-devtools/open#:~:text=the%20DevTools%20UI.-,Open%20the%20Elements%20panel%20to%20inspect%20the%20DOM%20or%20CSS,the%20element%20and%20select%20Inspect.&text=Or%20press%20Command%20%2B%20Option%20%2B%20C,%2C%20Linux%2C%20Chrome%20OS).

Hi Elvin before is my dummy site but when i’m going to adapt with my site its not showing properly can you check ? here is my site for now

You may have broken the CSS syntax when you added:

aside#media_image-16 {
    margin-right: 10px;
}

I've checked your site and its missing a }. Also, you've changed the top property value of #text-15 to 400% and the dimensions of #media_image-16 to 1x1.

i think the syntax is now good , can you please check it's still now showing properly

sorry it's still not !! showing properly

Site library of "service" is being used.
The title logo on the mobile screen is not changed.
It does not change in the site identity.
Is there a solution?

https://www.sky-car.kr/

Hi @x700face can you raise a new topic where we an help directly with your issue.

any update for this ?