Hi Andreas,

Please try the following in Quick CSS under Enfold–>General Styling:

#menu-item-3051 span.avia-menu-text:after {
    content: "4";
    font-size: 9px;
    color: #FFF;
    background: #42A0BD;
    line-height: 17px;
    width: 17px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    position: relative;
    top: -9px;
    left: 2px;
}

Regards,
Rikard

Hi,

Displaying background images the same on all types of screens is more or less impossible unfortunately due to the different dimensions of screens, one option you could try would be to create a second section which will only show for mobile devices, and use an image better adapted to small screens. You can then use CSS like this to hide/show the correct section, remember to give you sections unique ID’s in the element option and replace the names after the hash sign in the code:

@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}

Best regards,
Rikard

Hi,

There not a lot of space in the header on mobile so I would suggest you consider aligning the logo left on mobile instead, try this CSS:

@media only screen and (max-width: 767px) {
.logo img {
    left: 40% !important;
    transform: translateX(-40%) !important;
}
}

Best regards,
Rikard

Hi,

Ok great, please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi CorrinaGB,

Could you provide us with a link to the site in question so that we can take a closer look please?

Best regards,
Rikard

Hey corneliaboehm,

Try the following instead:

#socket {
background-color: #f3ebde !important;
}

Thanks,
Rikard

Hi,

Sorry but it’s still not working, I get redirected to the page in private.

Thanks,
Rikard

Hi,

Please try something like this to center the elements:

@media only screen and (max-width: 667px) {
.home .av_one_third {
display:table !important; 
margin:0 auto !important;
}
}

Best regards,
Rikard

Hi,

Thanks for helping out @Guenni007, much appreciated :-)

Regards,
Rikard

Hi Nathan,

Could you provide us with a link to the site in question so that we can take a closer look please?

Thanks,
Rikard

Hey Stefan,

What version of PHP are you running on the server which is hosting your site?

Thanks,
Rikard

Hi,

Great, glad you got it working :-)

Please note that if you reply to your own thread it gets sent to the back of our support queue so try not to do so unless you think it’s absolutely necessary.

Regards,
Rikard

Hey drimendo,

Please refer to this: http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

Regards,
Rikard

Hey Tobiy,

I can’t see any reason why it should not work, Enfold is fully compatible with WooCommerce.

Regards,
Rikard

Hi,

Ok, overwriting the theme files should result in a fresh installation, strange that it’s not working for you. We don’t have the ability to modify host files unfortunately, would you be able to upload something to a public server maybe?

Thanks,
Rikard