Dynamic header and custom menu

Hey,
1. Unfortunately this isn’t really an option at all with this theme. It’s not how it was designed. You might want to checkout our other theme Pinnacle: https://www.ads-software.com/themes/pinnacle/
It is set up for text over an image in the page title.

The closest thing you could do with virtue is set a transparent image for the banner then add a background through css. Then on each page you could target the page with css to add a different background.. Not super user friendly though. But I would be happy to help with the css.

2. You can add your menus to the sidebar.
If you would like a show the sidebar on the left use this css:

@media (min-width: 992px) {
body .main.col-lg-9 {float:right;}
}

You can create more sidebars in your theme options > misc settings. And then with each page choose the “sidebar” page template. Then you can have a different sidebar showing per page.

Kadence Themes

P.S.

Just to clarify one thing, the virtue theme isn’t big on the banner image because you can instead add a slider right into the home page just below your header or into other pages using the “feature” page template.

Kadence Themes

Hi,

thank you very much. The css code for the menu on the left side worked perfect.

It also seems that I will be able to create pictures (slides with a single pic.) on the pages as you wrote me (using feature on pages) and I can add the text on the picture in some graphic software thus it should work fine for me.

I was just wondering if I am able to do it also with a category. I will be able to add a picture in the same size at the top of the category. There are just 2 issues with this:
1) I would like to avoid the picture to be clickable, so it won’t open on the whole screen if somebody clicks it
2) Can I get rid of the name of the category above the picture somehow?

I am also eager to try the option you suggested with the transparent image and css tweaks if you can explain how to do it.

Best regards,
F.

One more thing. As I moved the sidebar to the left, the text on the page is overlapping to the right side of the screen. Can you help with that please?

I tried to insert this code into my custom css file

@media all and (min-width: 1200px) {
.container {
width: 80%;
}
}

but it doesn’t help. The text keeps overlaping to the right. It is like some of the text wouldn’t ‘respect’ the edge of the right border: https://letstradetogether.com/join-us/

Hello again,

don′t worry about the css tweaks and transparent header. I managed to solve that.

I was also able to get rid of the name of the category and pages trough this code:

.page-header {
display: none;
}

However it seems to be blocking the text and pic on the results category as well. But that is not so important. If nothing else I will change the structure of the web so I will use page instead of category in the menu.

The last important issue which I am unable to solve is the text overlaping to the right side on all pages.

Hey,
The text (or just the long list of numbers). Is considered one word.. so by default when it’s one word a browser doesn’t want to break it up. If you just added some spaces between or used better placement text it wouldn’t go off page.

Placement text: https://www.lipsum.com/

If you would like browsers to break the words up then you can use this css:

.entry-content {
    word-break: break-word;
}

Kadence Themes