Hi,

@AlfVidar72 the user didn’t share their solution and they don’t seem to be on the forum currently.
I recommend disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
Or check your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server that your server settings are similar to these:

If this doesn’t help please open a new thread with the url to the page in question and an admin login so we can be of more assistance. Since this is not your thread you will not see anything we write in the Private Content area.

Best regards,
Mike

Hi,
Thank you for the link to your site, to have the text centered for your textblock element with the custom class underline-mittelachsig
please do not use the inline style text-align: center;, I’m not sure if you are manually adding it or if you are using the text center option in the text element.
Then use this css instead:

#top .underline-mittelachsig {
    position: relative;
    display: flex;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    justify-content: center;
}
#top .underline-mittelachsig h1 {
    border-bottom: 7px solid #ff0053;
    padding-bottom: 10px;
}

I linked to my test page below, this is the expected results:

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

span.avia-single-number {
    font-size: 0;
}
span.avia-single-number:after{
    content: attr(data-number);
    font-size: 70px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and your cache plugin and then check.

Best regards,
Mike

Hi,
Try adding this CSS for centering the icon on desktops in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 768px) { 
#top #socket .social_bookmarks {
    width: 100%;
    top: -30px;
}
#top #socket > .container {
    max-height: 60px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey dallasstar08,
Thank you for your patience, try searching the customized css for this:

@media only screen and (min-width: 780px){
#top #header .av-main-nav li:nth-child(3) {
    margin-right: 150px;
}
}

margin-right: 150px; and change to 275px, then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Thanks for the feedback, it would be difficult to try to offer css solutions based only on images, please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
Here are some screenshots of what it would look like:


Most webhosts offer this option but it may look difficult on your webhost.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the file, in my test the icons showed correctly:

Perhaps your zip file became corrupted during the upload to your site, try deleting it at Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager and in your media library, then try uploading it again. If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Do you mean the main menu nav bar, with equal space between the menu items, if so try this:

.responsive #header_main_alternate > .container {
	max-width: 100%;
	padding: 0;
}
.html_header_top.html_logo_center #top #header_main_alternate .main_menu ul:first-child {
    display: flex;
    justify-content: space-between;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I made some adjustments for mobile, please check.

Best regards,
Mike

Hi,
To change your social icons to images try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .social_bookmarks li:hover a {
  background: transparent !important;
}
#top .social_bookmarks li a:before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_instagram a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}
#top .social_bookmarks li.social_bookmarks_linkedin a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}

and change the image urls to yours.
If you are going to use your own images you can change the height & width in the css above to make them the size you wish, if you are not going to use your own image you can change the font icon size with this css, adjusting to suit:

#top #wrap_all .social_bookmarks li a {
  width: 30px!important; 
  line-height: 30px!important; 
  min-height: 30px!important; 
  font-size: 20px!important; 
  }
  
  #top #wrap_all .social_bookmarks li {
  height: 20px!important; 
  width: 30px!important; 
  }
  
  #top #wrap_all .social_bookmarks {
      height: 60px!important;
  }

To change the colors try this css:

#top #wrap_all .av-social-link-facebook a,
#top #wrap_all .av-social-link-facebook:hover a {
    color: #fff;
    background-color: #37589b;
    text-decoration: none;
}  
#top #wrap_all .av-social-link-instagram a,
#top #wrap_all .av-social-link-instagram:hover a{
    color: #fff;
    background-color: #d92e7d;
    text-decoration: none;
}
#top #wrap_all .av-social-link-linkedin a,
#top #wrap_all .av-social-link-linkedin:hover a {
    color: #fff;
    background-color: #419cca;
    text-decoration: none;
}

Best regards,
Mike

Hey Cocoa,
Thanks for your question I’m not sure why, but I have asked the rest of the team for advice. In my test if the LayerSlider shortcode is added to a code block element the next/prev arrows do show, but the LayerSlider is not full width. We could probably make the code block full width, but let’s wait for the team to offer some advice first. Thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the feedback, I disabled the above css for now and to ensure that I am understanding correctly, when I look at the example page I see that the header image and overlay text box is not 100% of the page, but it is 100% of the content area, leaving a margin on both sides, note that the overlay box comes to the edge of the content area:

With the above css removed your header image is to the left edge of the page content area, but the overlay box doesn’t extend to the right edge of the content area, so we only need to make the overlay box bigger, correct?

If so I got pretty close by changing the coluoms to 4/5 & 2/5 and using this css:

#homepage-banner .green-box {
	left: -15vw;
    z-index: 1;
}
.responsive #top #homepage-banner > .container {
	max-width: 100%;
	padding: 0;
}

#homepage-banner .avia-image-container .avia-image-container-inner img {
	width: 100%;
	right: -5vw;
}

try clearing your browser cache and see if this is closer, and try fine tuning the css to suit.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike