I’ve upgraded Enfold to 2.7.1 on WordPress 3.9.1 and am still getting all 3 issues. I’ve also disabled all of my plugins since upgrading with no luck.

All I’m trying to do is add a “Full Width Slider” at the top of the page, but while playing with it I ran into the other issues.

Thanks So much Devin,
And the color section would expand behind the top navigation? I will give it a try and see how that would work out. Thanks.
Please don’t close this I will post if I see issues :) Thanks so much

Solved with

top# .element1 {display:inline-block;margin-right:10px;} 
top# .element2 {display:inline-block;} 

Yes but Twitter has is own URL Shortener : https://support.twitter.com/groups/52-notifications/topics/211-tweeting/articles/78124-posting-links-in-a-tweet

Hello again,

Perhaps I’m doing something completely wrong (it might be worthwhile to let you know that my CSS experience is limited!), but I haven’t been able to get it right yet, the menu still looks the same to me even after adding the above CSS.

Would it help if I give you access to the WP admin area?

Current custom CSS is:

.phone-info {
font-size: 16px;
}

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

.iconlist-char {
color: red;
}

li#menu-item-3151 .avia-menu-fx { display: none; }
li#menu-item-3151 a {background-color: red!important; color: white!important;height: 30px!important; margin-top: 43px; border-radius: 10px; line-height: 30px !important; }

.av-main-nav > li > a {
padding: 5px;
}

.menu-item-top-level>a.avia-menu-text {
-moz-border-radius: 15px;
border-radius: 15px;
background-color: red;
padding: 8px 13px;
}

Regards,
Chris

Thanks Josue & Ismael,

I have included the main components within color sections and added the special heading as suggested. My custom ccs code now includes the following:

/* This will only be applied on desktop */
@media only screen and (min-width: 768px) {
#mobilecolumns{
display: none;
}
}

/* This will only be applied on mobiles */
@media only screen and (max-width: 767px) {
#mobilecolumns{
display: block;
}
#desktopcolumns{
display: none;
}
}

.container_wrap {
border-top-style: none;
}

.container .content {
    padding-top: 10px !important;
}

.avia-section {
min-height: 50px;
}

#top #main .avia-section .template-page {
padding-top: 10px;
padding-bottom: 10px;
}

The spacing is a lot better on both my desktop and mobile devices but on the desktop the main content has been moved over to the right. Any ideas what is causing this?

I have also noticed that this code is removing the border lines for all pages under where the page titles are. Is there anyway to restrict this just to my landing pages?

.container_wrap {
border-top-style: none;
}

Many Thanks
Marc

• This reply was modified 11 years, 11 months ago by MarcG5.

Solved.

I just add to my custom.css (changed social_bookmarks li{background: transparent;} to none;}
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{background: none;}

And removed :hofer efect

Thanks.

• This reply was modified 11 years, 11 months ago by tomitos.

I do have set background for every icon, but now is overwriten by “transparent”.

In previous versions was just needed to remove the hofer effect:
https://kriesi.at/support/topic/remove-the-hover-effect-from-social-media-icons/

And sure, if there is no way to remove this transparent property, I’ll add backgorund also to custom.css