[EckoLockoParticipant]

Hi,

Im trying to change my menu like this site http://demo.theme.co/renew-2/ but im having some issues:

1- I cant align the logo with menu, dont know what happens..
2- Menu have a borderline below and i want to take it out
3- When i change the window size to mobile the menu appear like text and almost overlap with the logo, how i can change to a button like in example and with same behavior?

I’ve tried adding css code and have spent time on forums but I am not able to solve.

My website is http://www.contandoovejas.com, thanks a lot.

[EckoLockoParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

To align it, you can add this under Custom > CSS in the Customizer.

body .x-navbar .x-brand {
    margin-top: 5px;
}

@media screen and (min-width: 960px) {
body .x-navbar .ubermenu-responsive-default.ubermenu {
    display: block!important;
    float: right;
    clear: none;
}
}

Hope that helps.

[EckoLockoParticipant]

Works perfect, as always you rocks!

What about the question of the icon of menu when window is resized?

If i change resolution to mobile the menu appear as small icon and “menu” text that is almost overlaping logo, how i can change the appear as icon only and stay always in right side of screen like happens in http://demo.theme.co/renew-2/ ?

Hope you can help me as always, thanks again for all

[ThaiModerator]

Hi There,

Please add the following CSS:

a.ubermenu-responsive-toggle {
    float: right;
}

View post on imgur.com

Hope it helps 🙂

[EckoLockoParticipant]

Works perfect, thanks!!

I spend a lot of time in forums and i can’t solve this issue.

When i resize window, menu alignment and position is always in right side of screen and when window resolution goes under 1260px width, it changes to a toggle button perfectly. The problem is in values of resolution near of the limit of 1260px because menu jumps under logo image.

– How i can manage the space between menu sections (column size,padding-left..) and font sizes between resolutions in responsive way? Something like proportional value between full width and 1260px

– I can change the limit of width resolution to trigger the toggle menu button from 1260px to other value?

Thanks and thanks, i love your support and theme, i would invite everyone to beers if i could.

[Rue NelModerator]

Hello There,

Thanks for the updates!

1] You can control the spacing of the menu items responsively using this code:

@media(max-width: 979px) and (min-width: 1260px){
   .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
     padding-left: 3%;
     padding-right: 3%;
     font-size: 90%;
}

2] Yes you can. UberMenu 3 allows you to change the point at which UberMenu collapses. The default is 960px. If you would like to change this to something like 768px, you can do so in the UberMenu Control Panel > General Settings > Responsive & Mobile > Responsive Breakpoint. For more information, please check it here: http://sevenspark.com/docs/ubermenu-3/responsive/breakpoints/custom

Hope this helps.

[EckoLockoParticipant]

Hi,

thanks a lot but doesnt work propertly.

My intention is when the web is in full width the padding and font size was 100% and decrease proportionaly when resolution goes down to the responsive breakpoint.

I try different code modifications but can’t solve the problem.

[JoaoModerator]

Hi There,

That could be possible with Custom Development, but it is not the standard way of working.

Usually the font-sizes and break points are defined with media queries based on the screen-size of the standard devices.

If you need help with anything else, please clarify.

Thanks

Joao

[Author]

Posts