Widgets alignement Top bar/Banner Width

  • Hello,
    1)

    I have an issue with the widgets alignment in top bar.
    as you can see there are Languages AND social Icons widgets, that are position UNDER each other.
    I would like to have them ALIGNED
    2)
    on the first page the image although set as “full width” as “banner” is shown with a restricted width (= container). I would like to have it FULL width of the page from one border to another..
    THANK you so much,
    Liudmila

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,
    1. Please add this CSS:

    .tg-site-header-top .tg-header-top-right-content {
    display: flex;
    justify-content: flex-end;
}

    2. You can go to the homepage edit screen > Page Settings > Header and select the Stretched layout ( the last one ).

    Let me know if this doesn’t work for you. ??
    Thanks.

    Thread Starter milochka

    (@milochka)

    Hello, Ashish,

    1. the widgets now are OK, thanks =)
    2.when changing to “stretched layout” the whole layout is stretched (and the image below moves without border to the left).
    Although, the “banner” is not showing correctly : on the right side the blank space appears.
    Is there a way to maintain “banner” image positioning?

    another alternative I considered, make the Header image (only on this page), but is there a solution to add the text OVER the header image then? and the parallax effect available with fixed “Banner” will be lost (.

    Please revert back the page setting to default and add this CSS:

    .tg-site-layout--default .alignfull {
	max-width: unset;
}
    Thread Starter milochka

    (@milochka)

    hmm page layout set to “from customiser” , but it goes back to what I had before. “banner” image is limited within container and does not take the full width =(

    Please add this CSS and remove the previous one: 

    .tg-site-layout--no-sidebar .alignfull {
    max-width: unset;
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
    Thread Starter milochka

    (@milochka)

    This worked GOOD!
    Thanks a LOT
    >°<

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Widgets alignement Top bar/Banner Width’ is closed to new replies.