.

Update:

Please replace that html overflow-x hidden code with this:

@media screen and (min-width: 783px) {
     .primary-navigation a {
          white-space: normal;
     }
}

There appear to be some conflict going on with the .primary-navigation’s float:right and .primary-navigation a’s white-space:nowrap.

Your issue is resolved when we either
— replace the .primary-navgiation float:right with text-align:right (in terms of child theme CSS, it would be float:none then text-align:right),
— or if we set the .primary-navigation a white-space to white-space:normal (the default of the theme is white-space:nowrap)

I cannot reproduce the problem on my local installation for the life of me; so I don’t think that it’s a problem with the theme. Is there anything among your customization or plugins that might have caused this weird bug?

A temporary solution would be to hide the horizontal scroll:

html {
overflow-x: hidden; /* hide x-coordinate (horizontal) scroll */
}

When I get home from work, I’ll look more into this to see whether it’s a problem with the theme itself or your setup. I can’t really look deep into this now at work, sorry.

If you aren’t using a child theme, you can go to Appearance –> Theme Options –> Advanced Settings –> copy-paste the code into the custom CSS box of Virtue.

#topbar-search input[type="text"] {
background: #D9D9D9; /* top bar search background color */
color: #181818; /* top bar search font color */
}

Change the colors as needed. You can use http://colorpicker.com/ to grab the color codes.

This didn’t help!

The code works for the link text. If it didn’t work on your end, that means there’s some error with how you’re applying the code. Please check your method.

In the topbar, we have to language icons

I’m basing my code on what I see on the official demo, which is here: http://themes.kadencethemes.com/virtue/

I’m sorry but if I don’t see it, I can’t provide help with it. YOu’ll need to let me see a site where the language icons are there.

and a search bar,

#topbar-search input[type="text"] {
height: 36px; /* search area height */
}

.form-search .search-icon {
font-size: 20px; /* search icon size */
}

.form-search .search-query {
font-size: 24px; /* search text font size */
}

change the sizes as needed.

Also, here’s a screenshot to show the codes at work, when apply properly: http://i.imgur.com/BDYRn4P.png

Based on the demo site from their official site, they are using a static front page for Home. They’re utilizing Post Block page template.

screenshot: http://i.imgur.com/mw0xYec.png

Beyond Post Block is outside the theme’s capability, I afraid.

Go to Appearance –> Theme Options –> Advanced Settings –> copy-paste this into the custom CSS box there:

.topbarmenu ul li a {
font-size: 14px; /* topbar menu font size */
}

increase the font size as needed. And I have no idea what icons you’re talking about.

#main-content {
width: 1045px;
}

That should fix the issues.

But this is a concern

I downloded from some site i didn’t buy this theme.

I recommend only use themes from trusted source. You never know what people might have put into the theme; even experts have issues with encrypted codes. This is not safe to use at all.