[Support request] how to positioning text and picutre widget in header

Home Forums Support [Support request] how to positioning text and picutre widget in header

Home Forums Support how to positioning text and picutre widget in header

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #1573846
    Bruce Wayne

    how to positioning text and picutre widget in header

    #1573856
    Bruce Wayne

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

    #1573951
    Elvin
    Staff
    Customer Support

    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

    A wise man once said:
    "Have you cleared your cache?"

    #1573954
    Bruce Wayne

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

    Thanks.

    #1573960
    Elvin
    Staff
    Customer Support

    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;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1573985
    Bruce Wayne

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

    #1573989
    Bruce Wayne

    also how to check what widget name is ??

    like text-15 and media_image-16

    #1574030
    Bruce Wayne

    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

    #1574043
    Elvin
    Staff
    Customer Support

    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).

    A wise man once said:
    "Have you cleared your cache?"

    #1574051
    Elvin
    Staff
    Customer Support

    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 1×1.

    A wise man once said:
    "Have you cleared your cache?"

    #1574100
    Bruce Wayne

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

    #1574109
    Bruce Wayne

    sorry it’s still not !! showing properly

    #1574122
    태석

    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/

    #1574221
    David
    Staff
    Customer Support

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

    #1574226
    Bruce Wayne

    any update for this ?

Viewing 15 posts - 1 through 15 (of 22 total)
  • You must be logged in to reply to this topic.