Hey James Bowtine,

Are you using Grid Layout or Logo Slider?
Also tell us how many columns are you using? so we can try to reproduce and give an accurate answer.

Best regards,
Nikko

Hey Antonis,

The Theme Options allow only 2 breakpoints 768px and 990px, you can seee this in Enfold > Main Menu > General (tab) > Menu Items for mobile
If it’s only the header then it would be easier but if you want to modify including the body then I think you need to adjust it in the CSS folder in the following files:
– grid.css
– base.css
– layout.css
There may be other places but these 3 are the foundation.
If you would be changing this, please do it in a child theme, then dequeue the original and enqueue the modified ones.
I hope this helps.

Best regards,
Nikko

Hi dezineo,

Thanks, if I checked on the backend, this is what I’m getting:

.container {
    max-width: 1010px;
}

If you have a caching plugin please flush it or if there’s a built-in internal caching provided by the server.
Or if you have Autoptimize plugin or any optimization/minification plugins, please flush it out as well.
If none works, please Disable CSS file merging and compression in Enfold > Performance.

Best regards,
Nikko

Hi Kaleidoscope_Advertising_and_Design_Inc,

Please add this CSS code in Quick CSS, located in Enfold > General Styling:

#top #main {
    position: relative;
}

#top #main .stretch_full.title_container {
    position: fixed;
    top: 147px;
    width: 100%;
    z-index: 320;
}

Best regards,
Nikko

Hey brianwelsh,

I just want to remind you that Contact Form 7 is not part of the Enfold theme and we don’t usually answer questions that aren’t related to Enfold.
However, the question is most likely HTML standard related, so you can try adding this CSS code in Quick CSS, located in Enfold > General Styling:

#top .main_color select {
  background-color: blue;
}

Just replace the blue color with anything that you’d like.
Hope it helps.

Best regards,
Nikko

Hey laurastenhouse,

Please try to add this CSS code in Quick CSS, located in Enfold > General Styling:

@media only screen and (max-width:767px) {
  #top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    text-align: center;
  }

  #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

Best regards,
Nikko

Hey brokomnet,

The max_execution_time and max_input_time are a bit low I think, maybe setting it to a higher amount like 240 would make it work better.
I have tried to upload the images manually, but as I was uploading the images started to appear.
Please check and let us know if you need further assistance.

Best regards,
Nikko

Hey lauragrashoff,

Can you try to remove the top margin on the 4th Color Section of the given page?
Let us know if this helps.

Best regards,
Nikko

Hey Eefke,

I think you can keep the size you are using just set the Color Section’s (Section Background) Background Repeat from No Repeat to Stretch to fit (stretches image to cover the element).
If you’re not satisfied with the sharpness of your image then you can put a bigger one.

Best regards,
Nikko

Hi tcoach84,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Toni,

You’re welcome. :)
There’s a minor bug in the code that only shows to some people (most likely due to server settings) and this was fixed in the later versions of Enfold.

Best regards,
Nikko

Hi carstenstrandvad,

If that is what is shown in the web inspector, then most likely the cause is caching.
Please flush out the cache either from plugins (or maybe from optimization/minification plugins like Autoptimize) and also if your server provides built-in internal server caching.

Best regards,
Nikko

Hey James,

Please use the latest version of Enfold (4.7.6.3) since it contains patches for WordPress 5.5.
Please download the latest version of Enfold from ThemeForest and I would suggest following Rikard’s instruction in this thread: https://kriesi.at/support/topic/upgrade-10/ on how to update your theme.

Best regards,
Nikko

Hi Kaleidoscope_Advertising_and_Design_Inc,

We’re glad to hear that :)
Let us know if you need further assistance.

Best regards,
Nikko

Hi Jables,

Please add this CSS code in Quick CSS, located in Enfold > General Styling:

#top #wrap_all #main .avia-section:nth-last-child(2) {
    float: none;
}

Best regards,
Nikko