Condimentum Inner page Banner

[Maribel]

I do not like to have an Inner page banner. It gives me an option to remove but when I remove it, the inner page titles go up. My test site is in www.johnxxiii.ch/staging.

[Maribel]

Check on the about us page. The Title and everything else moved to the header. Please help

[Stijn]

I have the same problem; if you don’t choose an inner banner the page setup/style is scr*wed 🙁

[Sonl Sinha]

Hi Stijn,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner { position:relative;}

Regards,
Brad

[Stijn]

Thanks Brad, but now it’s also changed on the homepage and I want to keep it like it was there. What do I need to do then?

Thanks
Stijn

[Sonl Sinha]

Hi

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.page .header .header-inner { position:relative;}

Regards,
Brad

[Stijn]

Hi Brad
That works as a charm, thanks a lot!
Another question about the color of the primary menu: when it’s in responsive mode, it switches to dark blue and I can seem to find where to change that color. Can you please help?

Thanks
Stijn

[Sonl Sinha]

Hi

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:979px) {
.toggle a { color:#1d2741 !important;}
}

Regards,
Brad

[Stijn]

I fully copy-pasted the code, but it doesn’t seem to work 🙁
I changed the color code to white, but I still get dark blue.
I have this in the css box now:

.page .header .header-inner { position:relative;}
@media screen and (max-width:979) {
.toggle a { color:#FFFFFF !important;}
}

Looking forward to your help.
Stijn

[Sonl Sinha]

Hi

Again copy my code and paste there.

Regards,
Brad

[Stijn]

Hi Brad, I did but without success. Color is not changing when I make the site smaller in Chrome 🙁

Hope you can help …
Stijn

[Sonl Sinha]

Hi

Delete last code and add this one.

@media screen and (max-width:980px) {
.toggle a { color:#1d2741 !important;}
}

Regards,
Brad

[Stijn]

Hi Brad
Only this code is in the css box now, but color is not changing when responsive.
Also, no the

@media screen and (max-width:980px) {
.toggle a { color:#1d2741 !important;}
}

Now also the page style is scr*ewed again because this code is not in the css box anymore:
.header .header-inner { position:relative;}

What shall I do?

Thanks
Stijn

[Sonl Sinha]

Hi

Try this one. Hope work this time.

@media screen and (max-width:980px) {
.toggle a { background-color:#1d2741 !important;}
}

Regards,
Brad

[Stijn]

Hello Brad
I tried and now the responsive menu changed color, not the primary menu bar 🙁
You know what I mean?

Hope you can still help me further …
Stijn

[Author]

Posts