The issues are still there and i have deactivated any cache plugins as you suggested. I can send you screenshots but the first is obvious, look at the homepage, the down arrove is at the very top of the screen. then on the internal pages the background colour is a navy blue where it should be white as the body colour in my main body content in general styling is set to #ffffff. These are just two of the issues, they all seem to be styling issues. the layout builder seems to be putting lelemnets and colums in a strange order.

Also check the site on a mobile device and scroll down on the homepage where you will see icons overlapping!

I really need a resolve to this asap as I have marketing directing traffic to my site currently and the site looks awful.

Thanks in advance for your help.

at first, Yigit solve my problem: https://kriesi.at/support/topic/enfold-theme-in-lates-version-text-editor-bug/#post-650893
at second, why do you think that i need help to Update WP or upload over FTP?
FTP is not secure! If you check my private Data you will see that the theme is installed and that you have an SFTP-Account for the webspace.
WP 4.5 is choosen because this version are called stable here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

But thank you for you ‘try to help’ ;)

This problem is solved by Yigit – also Thanks dear Enfold Team

Hey Jordan!

It worked magically, although I finally had to insert two different codes to make the icons BLACK on normal state and BLACK for hover effect. However unpractical it seems, I managed to get the result thanks to you. Great thanks!

Your solution…

.social_bookmarks_twitter a:hover {
background-color: #000000 !important;
}

And the code that keeps then BLACK in normal state…

#top .social_bookmarks_twitter a {
color: black;
}

The funny thing is that the second code did not apply for the TOP icons but only for the ones on the socket. The goal was accomplished, anyway. Thanks again!

hacart

sure, here’s a couple of screenshots: the first with enfold, the title of page just appears in the title bar, never on top of page. with customizr title is displayed.

http://www.trovaveterinario.it/ENFOLD.png
http://www.trovaveterinario.it/CUSTOMIZR.png

hope it’s more clear now. thank you guys.

Hi Vinay
Thank you for your reply. With the css you provided, It looks perfect in small screen. I tried resizing the browser it looks great

but it still looks like this in iphone. see this screenshot.

and also the text is not clickable, no links , no hover style.

This is all the css used in quick css to get this header widget right. May be it is a bit too much :) May be it needs a bit of clean up. Your help would be highly appreciated.

/* header widget for LARGE screen*/
#header .widget {
  font-size: 34px;
  line-height: 40px;
  position: absolute;
  right: 50px;
  top: 0;
  z-index: 100;
  height: 100%;
  margin: 0;
  padding: 0;
    text-align: right;
}

@media only screen and (min-width: 767px) {
#header .widget{
max-width: 1210px;
left: 0;
right: 0;
margin: 0 auto;

}
}

#header.header-scrolled .widget{
	font-size: 23px;
	line-height: 30px;
}

#header .widget .textwidget, #text-2{
	display: table;
        width: 100%;
	height: 100%;
        float: right;
        z-index: -999 !important;
}
#header .widget .textwidget .custom-text{
	display: table-cell;
	vertical-align: middle;
}

#header .custom-text .icon{
  font-size: 42px;
}

#header.header-scrolled .custom-text .icon{
  font-size: 32px;
}

#header .custom-text .icon span{
	float: none;
	display: inline-block;
	margin-left: 0;
	margin-right: 9px;
}

#header .widget .custom-text p,
#header .widget .custom-text a{
  font-weight: bold;
  color: black;
  margin: 0;
}

/* header widget anchor text hover, it affects social icons too*/
#header .widget .custom-text a:hover{
  color: green;
}

/* header widget for MEDIUM screen*/
@media screen and (max-width: 989px) and (min-width: 767px) {
  #header .widget {
    font-size: 26px;

  }

  #header .custom-text .icon{
    font-size: 40px;
  }

}

/* header widget for SMALL screen*/
@media screen and (max-width: 767px){
  #header .widget {
    font-size: 14px;
    line-height: 24px;
    right: 100px;
    padding: 0;
  }

  #header .custom-text .icon{
    font-size: 26px;
  }

  .responsive .logo,
  .responsive .logo a {
  	height: 200px !important;
  }

  .responsive .logo img{
     height: 180px !important;
  }
}

/*
.content {
  padding-top: 10px;
  padding-bottom: 10px;
}
*/

.main_menu {
  left: 0px;
  right: auto;
  height: 0px;
  display: none;
}

.special_amp {
  font-family: inherit;
  font-style: normal;
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
  color: inherit!important;
}

/*footer image media query*/

@media screen and (max-width: 720px) {
    .textwidget img.avia_image {
        margin-right: 100px;
    }
}

#text-2 {
  right: 100px !important;
   margin-right: 0px !important;
}

/*reduce color box top padding*/

.content {
padding-top: 10px;
padding-bottom: 10px;
}

/* added */

#header .widget .textwidget, #text-2 {
    display: table;
    width: 35%;
    height: 100%;
    float: right;
    display: inline-flex;
padding: 45px 0px 0px 0px;
}

#header.header-scrolled#header .widget .textwidget, #text-2 {
    display: table;
    width: 35%;
    height: 100%;
    float: right;
    display: inline-flex;
padding: 10px 0px 0px 0px;
margin-left: 100px;
}

@media screen and (max-width: 1900px) and (min-width: 989px) {

#text-2 {
  right: 40px !important;
   margin-right: 0px !important;
}

}

@media only screen and (max-width: 766px) and (min-width: 480px){

#text-2 {
  right: 100px !important;
   margin-right: 0px !important;
}

}

@media screen and (max-width: 767px){
  #header .widget {
    font-size: 14px;
    line-height: 24px;
    right: 130px;
    padding: 0;
  }

  #header .custom-text .icon{
    font-size: 26px;
  }
  .responsive .logo img{
    height: 140px !important; 
  }
}

@media screen and (max-width: 480px) {
.responsive .logo img {
    height: 90px !important;
}
.responsive #top #wrap_all .container {
    width: 99%!important;
    max-width: 99%!important;}}

Hi there,

It doesn’t seem to be working. I’m actually having trouble getting the site to respond to any quick css. I copy and pasted quick css from another enfold site I have, and this didn’t work either.

#top .av_header_transparency {
background: rgba(0, 0, 0, 0.2);
}

So basically the way I did it was by instead of moving the navigation menu I’ve just modified the background of the site to fit my needs. So that the header logo appears to be in the sidebar but it’s actually in the header along with the nav menu.

I’ve used the following rough CSS:

.main_color{
background-color: transparent !important;
}
#main, .avia-msie-8 #header.av_header_sticky_disabled {
    background-color: transparent;
}
html.html_boxed {
 background-size: 35% 100% !important;
}
.container {
    padding: 0 0px !important;
}
.header_bg {
	background-color: transparent !important;
}
#header_main {
    border-bottom-width: 0px;
}
.sidebar_left .content {
    border-left-width: 0;
}
#top #main .sidebar_left .sidebar {
    border-right-width: 0px;
}
#top #main .sidebar {
text-align: left;
}

I will try that, thank you.

Is there any way you can take a look at this ticket: https://kriesi.at/support/topic/autorespond-text-displayed-on-page-not-updating/

It is very urgent…thank you.