[Resolved] Name of the website in between the mobile menu and the shopping cart & fixed

[Noemina]

Hi, recently I have bought the GeneratePress Premium but I really really need a configuration that it’s no available.
You can see the webpage at noeminamelides.com , the client want to put the name of the store “Noemina” in between the menu and the shopping bag, and to be fixed at the top as the menu is.
I will be very grateful if you could make this update, thanks.

[Leo]

Hi there,

This is likely something we can just use some CSS.

Can you set the navigation location to float right first?
https://docs.generatepress.com/article/navigation-location/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Noemina]

Please see the page: https://noeminamelides.com/
I have the navigation where I want to, I just want the name to be in the same line of everything else, the navigation and the shopping cart and the search.

[Leo]

Can you activate this option first?
https://docs.generatepress.com/article/navigation-as-a-header/

Then I can provide some CSS.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Noemina]

Done, but this way is not centered.
sorry for all the questions but I’m new to this theme.

[Leo]

It’s not centered as I haven’t provided the CSS yet.

I don’t see the option activated though.

Can you make sure this is done?
https://www.screencast.com/t/cYnQsHy7IH

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Noemina]

Ahh ok you will provide de CSS.

I still don’t have any caching plugin.
Thanks

[Leo]

I’m seeing this in the source code:
https://www.screencast.com/t/qdV1plu7nZt

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Noemina]

I disabled WP caching, please recheck

[Leo]

Now try this CSS:

@media (min-width: 769px) {
    .main-navigation.has-branding .inside-navigation .menu-toggle {
        order: -1;
    }
    .main-navigation.has-branding .inside-navigation .navigation-branding {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Noemina]

Amazing, Thanks!!! Keep up the great work.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts