using image in menu
Re: using image in menu
Thanks cmss !!
But.... can you please write in english?? My German understanding is sooooooooo bad
But.... can you please write in english?? My German understanding is sooooooooo bad
Re: using image in menu
As i said : add .ddm_link (.lck_nav .ddm_link a[href$="/?Home"],.... )
- or change to Ick_ddmenu.css (not tested - hope it functions - empty browser cache after it)
* The problem with the mobil mode is that the mobile styling is different :
.lck_nav_mobil nav a {
background-color: #444;
color: #fff !important;
display: block;
font-size: 1rem;
padding: 6px 15px;
}
So You have to make a change also there (in Ick_ddmenu.css ) :
.lck_nav .ddm_link a[href$="/?Home"], .lck_nav:mobil nav a[href$="/?Home"],....
- or change to Ick_ddmenu.css (not tested - hope it functions - empty browser cache after it)
* The problem with the mobil mode is that the mobile styling is different :
.lck_nav_mobil nav a {
background-color: #444;
color: #fff !important;
display: block;
font-size: 1rem;
padding: 6px 15px;
}
So You have to make a change also there (in Ick_ddmenu.css ) :
.lck_nav .ddm_link a[href$="/?Home"], .lck_nav:mobil nav a[href$="/?Home"],....
Re: using image in menu
Thanks again!!!
I first added this without result:
Now i do added this (include a, before ddm_link and this is working!!
The height is working for the image but the width...... it is 100% full screen
I first added this without result:
Code: Select all
.lck_nav .ddm_link a[href$="/?Welkom"] {
color: transparent;
}
.lck_nav .ddm_link a[href$="/?Welkom"]:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.lck_nav .ddm_link a[href$="/?Welkom"]:before {
content: url(images/rtv_logo_white.png);
}
Code: Select all
.lck_nav, .ddm_link a[href$="/?Welkom"] {
color: transparent;
}
.lck_nav, .ddm_link a[href$="/?Welkom"]:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.lck_nav, .ddm_link a[href$="/?Welkom"]:before {
content: url(images/rtv_logo_white.png);
height: 40px;
width: 40px;
}
Re: using image in menu
That is something completely different again. Look at my code again, have you tested this?
A link to the website might also be helpful.
A link to the website might also be helpful.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: using image in menu
.lck_nav, .ddm_link a[...
This styles .lck_nav too - while .ddm_link a[ is sufficient. This functions because .ddm_link is the class of the <span> around the anchor. I would test, whether it functions without ".lck_nav," and not use that then.
This styles .lck_nav too - while .ddm_link a[ is sufficient. This functions because .ddm_link is the class of the <span> around the anchor. I would test, whether it functions without ".lck_nav," and not use that then.
Re: using image in menu
I now did try it without .lck_nav but it does not work at all then.
Guys, i do appreciate your time spending on this, but hey...... if it does not work.... then it be so.
It would be nice if we get it to work but not if you have to spend hours on this.
But i still wonder why it does work when logged in as admin on cmsimple and click on "view website". And soon as logged out it is not showing??
Guys, i do appreciate your time spending on this, but hey...... if it does not work.... then it be so.
It would be nice if we get it to work but not if you have to spend hours on this.
But i still wonder why it does work when logged in as admin on cmsimple and click on "view website". And soon as logged out it is not showing??
Re: using image in menu
Yes i did test your code and it did work fine when logged in as admin and click on "view website". But soon as i log out it is not visible.
Right now i did use the other code from cmss, and this is the result: https://kreutzerindemorgen.nl/nieuw/
Re: using image in menu
You see, it's always good to have a direct look. I was also afraid of that.bastingse wrote: ↑Thu Oct 14, 2021 12:52 pmYes i did test your code and it did work fine when logged in as admin and click on "view website". But soon as i log out it is not visible.
Right now i did use the other code from cmss, and this is the result: https://kreutzerindemorgen.nl/nieuw/
"Welkom" is the first link, this is the problem since CMSimple_XH 1.7.4. For reasons of duplicate content (DC) was introduced, that the name of the startpage, so in your case "Welkom" is removed from the URL.
Then just like this.
Code: Select all
.lck_nav .menulevel1 > li:first-of-type a {
color: transparent !important;
}
.lck_nav .menulevel1 > li:first-of-type a:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.lck_nav .menulevel1 > li:first-of-type a:before {
content: url(images/rtv_logo_white.png);
height: 40px;
width: 40px;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: using image in menu
I now added your code to the css but it doesn't effect.Then just like this.
I did remove the old code, nothing is change.
Do i have to xopy and paste your complete code or should i replace "first-of-type" for ?Welkom ??
Sorry folks, i'm such a dummy on coding
Re: using image in menu
Remove the old style first, line 2 to 15 in lck_ddmenu.css
Then paste that (shortened it some more).
Code: Select all
.lck_nav, .ddm_link a[href$="/?Welkom"] {
color: transparent;
}
.lck_nav, .ddm_link a[href$="/?Welkom"]:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.lck_nav, .ddm_link a[href$="/?Welkom"]:before {
content: url(images/rtv_logo_white.png);
height: 40px;
width: 40px;
}
Code: Select all
.lck_nav .menulevel1 > li:first-of-type a {
color: transparent !important;
}
.lck_nav .menulevel1 > li:first-of-type a:before {
content: url(images/rtv_logo_white.png);
height: 100%;
position: absolute;
/* right: 0; */ /* optional */
top: 50%;
transform: translate(0, -50%);
width: auto;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage