UPDATE: found this thread but the solution didn´t work for me.

There´s something weird happening. It appears that my site it´s not loading the css changes I´ve made recently. I moved my site from a shared hosting to my own cloud server, I don´t know if there could be a problem related to this. This is my style.css form the child theme:

/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/* Every screen resolution*/

.single-post #menu-item-517, .single-post #menu-item-520, .single-post #menu-item-521, .single-post #menu-item-622, .single-post #menu-item-519, .single-post #menu-item-680 { 
display: none!important; 
}

.page-id-571 #menu-item-517, .page-id-571 #menu-item-520, .page-id-571 #menu-item-521, .page-id-571 #menu-item-622, .page-id-571 #menu-item-519 { 
display: none; 
}

.post-entry .big-preview{ 
display: none !important; 
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 40px; 

}

.main_color .pricing-table.avia-highlight-col li.avia-heading-row, .main_color .pricing-table.avia-highlight-col li.avia-heading-row .pricing-extra { background-color: rgb(6, 93, 178); color: #ffffff; border-color: rgb(6, 93, 178); }
.main_color .pricing-table.avia-highlight-col li.avia-pricing-row { background-color: rgb(0, 110, 255);
color: #ffffff;
border-color: rgb(0, 110, 255); }

#menu-item-search {

display:none;

}

/* END OF every screen resolution*/

/*Big screens*/
@media only screen and (min-width: 1341px) {
div#mobilesld {
display: none;
}
}
/*END OF Big screens*/

/*Ipad y Tablets*/
@media only screen and (max-width: 1340px) and (min-width: 769px)  {

.single-post .sidebar, .page-id-571 .sidebar {
width: 30% !important;
}
.single-post .content, .single-post #top .fullwidth .template-blog.content, .page-id-571 .content, .page-id-571 #top .fullwidth .template-blog.content {
    width: 70% !important;
}

div#websld {
display: none;
}
.pricing-table>li { 
font-size: 12px; 
}
.responsive #scroll-top-link {
display: block!important;
}
.iconbox .iconbox_content .iconbox_content_title { 
font-size: 14px!important; overflow: visible!important; 
}
#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
height: 40px;width: 40px;line-height:40px;
}
#top .iconbox_content p{
font-size: 12px;
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 30px; 
}

}
/*END OF Ipad y Tablets*/

/*smartphones*/

@media only screen and (max-width: 768px) {

.single-post .content, .single-post #top .fullwidth .template-blog.content, .page-id-571 .content, .page-id-571 #top .fullwidth .template-blog.content {
width: 100% !important;
}

div#testimonials {
display: none;
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 25px; 
}
.iconbox .iconbox_content .iconbox_content_title {
 font-size: 11px!important; overflow: visible!important; 
}

.blogface .image-overlay {
background: #d82028!important
}
.blogface .image-overlay .image-overlay-inside {
 display: none!important
}

.blog-categories.minor-meta, .text-sep.text-sep-cat, .blog-author.minor-meta {
display: none!important;
}
}
/*END OF para smartphones*/

• This reply was modified 10 years, 7 months ago by charliergarcia.

Okay, thank you. I also wanted to mention that the fix for #1 does not work.

1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce. The solution you all gave me does change the width between the menu items but the underline just gets bigger to go with the wider space.

The solution you all proposed –
.av-main-nav > li > a {
padding: 0px 10px !important;
}

OK I fixed it…
THX for help.

I added

body {
font-size: 14px;
}
.main_menu ul:first-child>li>a {
font-size: 14px;
}

to the custom.css file. logosize also fixed!
bye
wolkenlos

• This reply was modified 10 years, 7 months ago by wolkenlos.

hi yigit!
THX a lot!
I seems… the THEME update worked. BUT I have a new problem :-)
how to downsize the font of the main menu???

please HELP !!!
greets

That worked to get it floating, thanks! I wound up using all of this to display like the socket, and just applied to the desktop style.

#top #footer .widget_nav_menu li {
display: inline-block !important;
float: none !important;
clear: none !important;
}

#top #footer .widget_nav_menu li a {
padding: 6px 10px;
border-right: 1px solid #bbbbbb;
font-size:11px;
}

#top #footer .widget_nav_menu li:last-child a{
padding: 6px 0px 6px 10px !important;
border-right:none !important;
}

#top .widget_nav_menu li {
padding:0 !important;
}

#top .widget_nav_menu div {
margin-top:40px;
}

I figured it out. The code needs to be:

#top .social_bookmarks.icon_count_3 {
font-size: 14px;
}

because I was using 3 icons.

Duh! Sorry to bother you!!!