Responsive fixed header top menu, center menu. Responsive logo.

This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by Pratik.

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

Author

Posts
April 1, 2016 at 6:44 pm #88645

nikolas
Participant

Hello.
How do I make responsive fixed header top menu in center, like this?

When I change some CSS, logo changed size.

And I want to learn how to move the logo a little bit to the right, and the buttons are a little bit to the left.

April 2, 2016 at 7:52 am #88681

Pratik
Participant

Hi @nikolas,

Can you please post in your site url, so I can check it.

Regards,
Pratik

April 3, 2016 at 8:30 pm #88713

nikolas
Participant

Hi @Pratik,
link

Regards,
Nikolas

April 4, 2016 at 10:06 am #88747
Pratik
Participant
Hi @nikolas,

To achieve what you want please add following code in Appearance=> Customize=> Theme Options=> Custom CSS
```
/* To Center Menu */
.has-header-top.menu-logo #access-top {
    float: none;
}

To Move logo and 
@media screen and (min-width: 960px) {
    #header-top .wrapper {
      width: 70%; /* Increase or decrease this % as required */
    }
}
```
Please check the comments /* .... */ for more information. Let me know how it goes.

Regards,
Pratik
April 14, 2016 at 7:37 pm #89511
nikolas
Participant
Hi @Pratik,

Thank U for helping.

But unfortunately, this code did make non clickable logo and social buttons.
```
/* To Center Menu */
.has-header-top.menu-logo #access-top {
    float: none;
}
```
And other one.
I have plugin UberMenu and fixed menu from theme conflicts with settings UberMenu.
In UberMenu its possible make menu center or full width.
How I can turn off fixed menu theme and use menu UberMenu same place, top and full width, like in apple.com?

Regards,
Nikolas
April 18, 2016 at 11:57 am #89799

Pratik
Participant

Hi @nikolas,

It looks like you have added some kind of composer plugin. Logo should be clickable with the code I provided as I just changed its position.

About the menu, you will need to contact the plugin’s support.
Author

Posts