Docs

[Upbeater]

Hi there,

I have 3 questions:

1. We have added a static hamburger menu to our website (all views) and want it that way. However, when you open the menu it looks really bad and streched out. How can I;
a) Remore the “gaps” between the tabs, making it look like a normal drop down menu (1 piece) and not separate blocks?
b) Change the with of the drop down menu so it doesn’t create two lines?
c) Change the color of and font size of the background. Would like darker to match our brand color, somewhat transparent but full color would also be ok.

2. Is there a way for me to add a home button/icon and the search function next (to the left) to the hamburger menu instead of in the drop down menu?

3. The button padding is off for all buttons generated by the theme (the text is closer to the top than bottom of border, how can I change global settings to fix this?

Thanks a lot!
Petra @ Upbeater

[Rahul]

Hi,

Can you please provide us with the link to your website where you are making this changes?

Thanks

[Upbeater]

This reply has been marked as private.

[Rad]

Hi there,

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-navbar .mobile .x-nav li>a {
    margin: 0px;
    border: 0px;
    background-color: rgba(119, 119, 119, 0.7);
}
#menu-primary-menu-hamburger-1 > .menu-item {
    background-color: transparent;
}
.masthead, .masthead-inline {
    min-width: 30%;
}

2. Not possible with the current structure. The icon is a simple button, and what you need to move are <li></li> that usually breaks layout if misplaced.

3. Please add this CSS too

.x-btn.x-btn-regular {
    padding: 0.563em 1.125em 0.563em;
    font-size: 16px;
}

Cheers!

[Author]

Posts