Ok, thanks Ismael.

I did not add the code you mentioned. It must come from the theme. In the page I set the header to transparent. In the theme options the header is set to sticky and shrinking.

Perhaps a conflict somewhere?

Best regards,
Monique

Hi Dude,

Thanks for your reply.

I really appreciate the Enfold settings for cookies :-) And the fact that a visitor has the option to choose themselves which cookies they want to accept or not.

I looked at Borlabs Cookies. I can see several options for the visitor to choose which cookies they accept or not:

• Allow all cookies
• Allow advertising cookies
• Only allow necessary cookies
• Only allow first-part cookies
• Do not allow any cookies

I believe that visitors don’t realize the impact of terms like ‘advertising cookies’ or ‘first-part’ cookies. These (technical) terms are too ‘blurry’ for them. I assume there is a lot that can be customized, but I am not sure if it will be user-friendly enough.

Apart from that, but that is mainly a practical/idealistic problem: a lot of plugins these days cost money (so does Borlabs) and not everyone has the money available to pay for all these extra’s: 50 euros here, 100 euros there… The EU decides there should be a new law and all companies are forced to invest money to comply with that law. Google offered Google Maps for free. Now they are changing their policy so that you have to pay money to show a map on your site. Honestly, I am waiting for WordPress to ask money to be able to use the source code… I really understand that everybody needs to earn some money, but for some it simply becomes too complicated and expensive…

But that is beyond your control – I understand :-)

For completeness: you may flag this topic as solved.

Have a nice day,
Monique

Hi Rikard,

Thanks for your reply.

I tried something like this before and it didn’t work. Now I got it to work with the following code (smaller screens were not affected and screen size 990 px has a transparent bg!):

@media screen and (min-width: 768px) and (max-width: 989px) {
#header {
    background: white !important;
}
}

There are a few things I don’t understand and I hope you can clarify this for me:

1) Why did it suddenly work no longer in the proper way? Is there a bug somewhere?

2) I always use a child theme and put your code in the child style.css. That didn’t work. Then I put it in the theme options > general styling and it worked. Then I took it out of the theme options > general styling again but left it in the child styles.css and it still works. I don’t get why it didn’t work in the child styles.css in the first place but it worked after I inserted it in and deleted it from the theme options > general styling. Is this something that is perhaps being influenced by the settings in theme options > performance? Since that tab was added to the theme options, I regularly have issues with multiple sites with css in the child styles.css that seems not being taken into consideration. It is becoming quite annoying I must confess…

Please advise.

Regards,
Monique

Hey Dude,

Ok I understand for now, although I believe that Enfold should style this type of menu the same for large screens and smaller screens. Maybe an improvement for future?

Thanks for giving me a starting point to style the column title different. I had to add ul.sub-menu otherwise all menu items had that darker color. Also I needed some tweaks to get rid of the avia-bullet and the cursor otherwise it still looked like a clickable menu item. So in the end the final code is:

@media screen and (max-width: 989px){
ul.sub-menu > li.av-width-submenu > a .avia-bullet:before {
	display: none;
}

ul.sub-menu > li.av-width-submenu > a {
    padding-left:90px !important;
}

ul.sub-menu > li.av-width-submenu > a .avia-menu-text {
    color: #000;
	cursor: none;
}
}

You may flag this topic as solved.

Best regards,
Monique

Hi Rikard,

Yes, that works! Thanks a lot!

Can you please flag this topic as solved?

Best regards,
Monique

Hi Victoria,

The first option was what I was looking for :-)

Can you please flag this topic as solved?

Thanks & have a nice day,
Monique

Hi Vinay,

It took a while… I tried what you advised. All goes well until I change the unicode “\e812”. Then there is no icon, only the text I inserted instead of your unicode. It needs to be a paw, and the unicode is uf1b0.

Please find below login details and let me know if you ca help me.

Thanks & regards,
Monique

Hi Mike,

Yes, I tried that one before as well, but it didn’t work (see my first post in this topic). Let me try again and I’ll come back to you.

Regards,
Monique

Hi Dude,

The <span class etc> code isn’t really CSS code, is it? I worked out your code a bit further, also because it was only applicable for small mobile, and got it to work using following:

@media only screen and (max-width: 479px) {
#top #commentform p.comment-form-cookies-consent {
	margin-bottom: 40px;
}
#top #commentform p.comment-form-av-privatepolicy {
	margin-bottom: 20px;
}
}

Thanks for your help.

Please flag this topic as solved.

Regards,
Monique

Hi Mike,

Please find below.

Looking forward to your reply!

Regards,
Monique

Hi Nikko,

Aha, ok I see. Thanks for the explanation. Would you keep this option checked all the time?

Regards,
Monique

Hi Nikko,

Ok, I understand the ‘workflow’ you suggest.

Why would I remove the old js/css file?

Regards,
Monique

Hi Dude,

That’s really great! I knew these charsets but didn’t realize I could put them in the menu :-)

Can you close this topic please?

Thanks for your help & best regards,
Monique

Hey Vinay,

Thanks for this. Unfortunately it doesn’t work yet. The menu on the site now shows the icon unicode (number) in stead of the icon (see http://de-starterwebsite.nl/mega-menu-icon2.jpg). I tried with other existing icons from your own library, but also then the unicode is shown in stead of the icon itself.

Please advise.

Best regards,
Monique