Navigation Bar CSS

[Haris Ali Barkat]

Hello,

There is a bug in VirtuSky Theme’s navigation bar, Kindly have a look, by hovering on “Web Security > SSL”.

http://www.cpeanut.com

Kindly resolve the issue, ASAP.

Thanks,
Haris

[ThemeLooks Support Team]

Hi Haris,

Please use the below CSS to fix the issue.

.dropdown-menu > li > a {
    white-space: inherit !important;
}

Best Regards,
ThemeLooks Support Team

[Haris Ali Barkat]

Hello,

After adding given Custom CSS, have a look at result.

http://prntscr.com/lnkd9t

Also, is this theme having the navigation bar style given in below URL.

http://prntscr.com/lnkeg2

THanks,
Haris

[ThemeLooks Support Team]

Hi Haris,

We already have checked the result before sending you the CSS. It looks like that because you have so many texts in the menu.

Moreover, this theme has not a style like your provided screenshot.

Best Regards,
ThemeLooks Support Team

[Haris Ali Barkat]

So what is the solution for it ?? I can’t reduce the text because its SSL different types & offering.

Many other hosting websites are having more text then mine in the navigation.

Kindly reply me with a suitable solution.

Thanks,
Haris

[ThemeLooks Support Team]

The provided solution was the perfect solution. This is because, if the text shows in one line then no one able to see the text in the responsive and mobile devices. The text will go outside of the screen.

However, please send us an example, what kind of solution are you expecting?

Best Regards,
ThemeLooks Support Team

[Haris Ali Barkat]

Hello,

Have a look in the URL, where I have highlighted the content.

http://prntscr.com/locaro

What must be shown perfectly like other menus, whether the text is long or short. The text on the submenu is not too much that it’s aligning it to the bottom. Navigation bar width is lower than other websites, that why its creating text problem. Have a look at your own website’s navigation width.

http://prntscr.com/locbov

Also, have a look at GoDaddy from where we’re having the content.

http://prntscr.com/locbxy

[ThemeLooks Support Team]

There all styles comes from Bootstrap for the menu in the theme.

In this issue, you could use below custom CSS and customize the width based on your need.

.dropdown-menu {
    width: 260px;
    right: auto !important;
}

Best Regards,
ThemeLooks Support Team

[Author]

Posts