keep aligned primary menu to the right

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

Hi Leo, of course, I copy username and password:
wp@usuario.com
5nnJZ2TZwJb1oVTqGSoPMrgx

Which hook are you using to add the AJAX search currently and how are you positioning it in the middle?

I execute shortcode inside_navegation
more css:

@media (min-width: 768px) {
#site-navigation .inside-navigation {
position: relative;
display: flex;
}
div.asp_m.asp_m_1 {
position: absolute;
bottom: 0;
right: 0;
top: auto;
}
}
.dgwt-wcas-search-wrapp{margin: auto;box-sizing:border-box}

//sticky style

@media (min-width: 768px) {
.main-navigation:not(.slideout-navigation) .inside-navigation {
display: flex;
position: relative;
}
div.asp_m.asp_m_1 {
position: absolute;
bottom: 0;
right: 0;
top: auto;
}
}

Could another hook be added just for the cart and checkout pages? adding an html space code?

or is not it a good idea?

Doable but definitely a bit complicated.

It might take a few tries if you don't mind?

If so can you temporarily remove the CSS you've added and let me have a look?

Thanks :)

Ok Leo, I already removed the css so you can have a look...

Regards

Give this a shot:

.inside-navigation {
    display: flex;
}
.main-nav {
    margin-left: auto;
}

Leo, I inserted the CSS, and it works perfect.
The same as the previous css ... your idea is to replace it?

take a peek

regards

Not quite sure what you mean?

I'm not seeing the CSS being added currently.

If it works then definitely add it :)

Leo, it works doing the same as the css I removed:
@media (min-width: 768px) {
    # site-navigation .inside-navigation {
        position: relative;
        display: flex;
    }
    div.asp_m.asp_m_1 {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
    }
}
.dgwt-wcas-search-wrapp {margin: auto; box-sizing: border-box}

@media (min-width: 768px) {
    .main-navigation: not (.slideout-navigation) .inside-navigation {
    display: flex;
    position: relative;
}
    div.asp_m.asp_m_1 {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
    }
}

I replaced this CSS with:
.inside-navigation {
    display: flex;
}
.primary-menu {
    margin-left: auto;
}
.dgwt-wcas-search-wrapp {margin: auto; box-sizing: border-box}

But the menu still needs to be kept to the right? I send you an imegen ...
https://ibb.co/q9jTjTB

Thank you

Edited my CSS:
https://generatepress.com/forums/topic/keep-aligned-primary-menu-to-the-right/#post-858499

Can you give it another shot without your CSS added?

I deleted my added css:

.dgwt-wcas-search-wrapp {margin: auto; box-sizing: border-box}

Added image

https://ibb.co/nj71Wp4

Can you try the edited CSS as mentioned above?

Leo, I'm a bit confused, do you want me to add the first css?

@media (minimum width: 768 px) {
# site-navigation .inside-navigation {
relative position;
screen: bending;
}
div.asp_m.asp_m_1 {
position: absolute;
down: 0;
right: 0;
Above: auto;
}
}
.dgwt-wcas-search-wrapp {margin: auto; box-sizing: border-box}

@media (minimum width: 768 px) {
.main-navigation: no (.slideout-navigation) .inside-navigation {
screen: bending;
relative position;
}
div.asp_m.asp_m_1 {
position: absolute;
down: 0;
right: 0;
Above: auto;
}
}

At the moment the site is using this:

.inside-navigation {
    display: flex;
}
.primary-menu {
    margin-left: auto;
}

Regards
if you want you can have a closer look, you have access as administrator