I cant find an options to expand ubermenu width

Hi

I am using ubermenu along with xtheme, previous to this I was using xtheme navbar header and that used to be full width.

However eversince I moved to ubermenu the menu bar width is not full its just half way on a wider screen, upon checking on ubermenu help section it seems that the theme container is blocking the ubermenu to go full width.

Could you please help on this please ?

Hello Saifudheen,

Thanks for writing in!

I have checked your site and I am seeing this:

To have a fullwidth UberMenu which would stretch from the very left to the right part of the browser, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

We would love to know if this has worked for you. Thank you.

That didnt fix the issue :frowning:

I have Ubermneu with full width enabled

Also added the CSS you provided to the global CSS, still no luck

Hi Saifudheen,

I checked the CSS and it works as expected, the reason why it isn’t working for you is, you have added a shortcode [author title="About the Author"] in your Global CSS section which is breaking your CSS thus preventing the CSS to work written after the shortcode.

Please remove the shortcode from your CSS section to fix the issue. You can validate your CSS here http://csslint.net/ and remove errors if any.

Let us know how this goes!

1 Like

You were right, made the changes and it worked

thanks

Glad we could help.

Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.