Archived topic

Sticky Header width issue

3 replies · Started by Nir on October 29, 2019

Viewing posts 1–4 of 4

October 29, 2019 at 12:36 am #1047467

Hey this is my blog
nirsharabi.com
it's right to left and for this sticky header i have already had an issue and got a css fix here in the support.

this issue is about the width of the sticky header:

My main header is full width (with padding 30 60 30 60 i think)
i configured a sticky header and the issue is that the width of it isn't full width but i think it's going to 1200px (the content width probably)

how can i fix that to be full width sticky header ?

thanks
Nir

October 29, 2019 at 6:29 am #1047676

Hi there,

in Customizer > Layout > Primary Navigation - try changing the container and inner container to Full Width.

October 29, 2019 at 10:19 am #1048020

ok thanks i got it, but now this problem is back and i can't understand what to fix in the css (or maybe how to make it work in all case of the width definition

(posted here:https://generatepress.com/forums/topic/rtl-problem/ )

this is the css that helped me but know i need a fix:

body.rtl .main-navigation:not(.grid-container):not(.mobile-header-navigation) .inside-navigation.grid-container .navigation-branding {
margin-right: 0;
margin-left: auto;
}

thanks

Nir

October 29, 2019 at 4:37 pm #1048297

Hi there,

Try this CSS:

.rtl .navigation-branding {
    margin-right: 10px;
    margin-left: auto;
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.