Thanks Yigit,

The logos moved, but they are off center to the left, do you think there is a conflict with my other CSS code?:

#top .social_bookmarks li {
float: left;
}
.sub_menu {
left: 0;
}

html {
background: white !important;
}

#top .social_bookmarks_mail:hover a{color:#efefef; background-color:#666666; }

.iconlist-char {color:#0093dd;}
.avia-icon-list .iconlist_icon {
background: white !important; border: 2px solid #0093dd;
}

@media only screen and (min-width: 786px) and (max-width: 1000px) {
.avia-icon-list .iconlist_icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 25px;
margin-right: 15px;
}
}

@media only screen and (min-width: 786px) and (max-width: 1000px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

.avia-caption-content h4 {
line-height: 30px;
}

.avia-slideshow-dots a {
height: 10px;
width: 10px;
border-radius: 6px;
padding: 5px;
}

#top.home #av_section_1 {
border-top: 0;
}

#menu-item-search {
display: none;
}

.avia-logo-element-container.avia-logo-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-2.avia-builder-el-no-sibling .new-special-heading {
display: none !important;
}

#top .avia-logo-element-container img {
box-shadow: none;
}

.no-content-slider-navigation.no-content-slider-heading{
display: none;
}

@media only screen and (max-width: 767px) {
.avia-fullwidth-slider div .slideshow_caption h2 span, .avia-fullwidth-slider div .slideshow_caption .avia-caption-title em span {
font-size: 12px;
}
}

#top #socket .social_bookmarks {
position: absolute;
right: 0;
}

@media only screen and (max-width: 767px) {
#header_main {
padding-bottom: 20px;
}

.responsive .main_menu {
position: static;
margin-top: 20px;
}
}

div .slideshow_caption h2 { text-transform: none!important; }

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }

.logo img { margin-top: 30px; }
.header-scrolled .logo img { margin-top: 0; }

.avia_textblock .social_bookmarks li{
float: left !important;
list-style: none;
margin-left: 0;
}

#expertise { border-top: 2px solid white; }

#design { border-top: 2px solid white; }

#brands { border-top: 2px solid white; }

#title { border-bottom: 2px solid white; }

#header_meta .container { float: right; }

The search results are displaying in ALL CAPS

It’s nothing major, just like a few pixels short of filling the search bar height

Hi Ismael !

Problem is not on the actual page I also see the telephonenumber on the page

-BUT where can i edit the telephonenumber ????

I think i was able to do that in the quick-CSS section. As i seem to recall the number was visible here….. (XX XX XX XX)

.top-tel { (XX XX XX XX)
color: #d22328;
}

OR here….

.top-tel { (XX XX XX XX)
position: relative;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;

….-But now it is gone !!!

Kindly
Claus.

1) I managed to style the nested submenu like the following, but it has a vertical line on the right after the name of the menu item plus it’s not completely working in Firefox – looks better in Chrome and Safari though. I have also given the nested h3 an individual class:
<div class='widget widget_nav_menu'><h3 class='my-parent-item'><a href=";

How do I change it, so that the lin eon the right after the menu item disappears and that it is also good in Firefox? Are the absolute styles for the padding values ok or should I use sth else instead? No idea, if I have styled the right tags …

Here is the CSS:

/* NESTED SUBMENU */
.nested_nav .current_page_item {
padding-left: 51px;
padding-right: 52px;
left: -51px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
background: #f8f8f8;
font-size: 16px;
}

.my-parent-item {
padding-left: 164px;
padding-right: 152px;
font-size: 24px;
font-weight: normal;
font-color: blue;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 1px 1px 0px #DADADA;
}

2) Still no solution here for the cascading map icons in the mega menu navigation.

Looking forward to your reply!

http://phoenixfireops.com/ems/

Here is the custom css. There are 2 problems with the css.
1. On a Samsung Tablet the slide out menu text has poor resolution and the menu container doesnt center on the page like the dropdown menu.
2. I need to change the css for the parent and the second level parent in the menu.

#mobile-advanced a, #mobile-advanced .mega_menu_title { color: #000000 !important; font-size: 20px;background:#F0F0F0 ;line-height:35px;}
#mobile-advanced a, #mobile-advanced .mega_menu_title: hover { color: #ffffff !important; background: #ffffff; }
div .logo { left: 35%; }
#advanced_menu_toggle:before { content: ‘Select a page >’; font-size: 15px; margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 140px !important;
}
.responsive .logo {
position: relative; }
#advanced_menu_toggle, #advanced_menu_hide {
right: 31%;
top: 75%;
background:#f8f8f8 ;
line-height: 12px;
height: 27px;
width: 120px; }}
@media only screen and (max-width: 767px) {
#advanced_menu_hide {
top: 50px;
right: 50px;
height: 40px;
line-height: 35px;
width: 40px;
}}
#mobile-advanced .sub-menu li > a:before { top: 2px; }
#mobile-advanced .sub-menu li > a { font-size: 16px;background:#ffffff;padding-left:20px;}

Hi,

I updated the theme to 2.5.4 using the Theme Update option within Enfold Theme Options. The problem of the responsive menu on iPad remains unchanged. The site appears exactly the same on iPad in terms of the header menu (see previous screenshots).

Some of my current Enfold Theme Options settings are as follows:
Header Type: Small Fixed Header
Append search icon to main menu: Unchecked
Responsive Header Main Menu: Display as Slide Out Menu
Quick CSS:
.main_menu ul:first-child > li > a {font-size:15px;}

.title_container .breadcrumb {
display: none !important;
}

#js_sort_items .sort_by_cat a{
font-size: 16px;
}

h1.main-title.entry-title {
font-size:24px;color:#000000;
}

.header_color .main_menu .menu ul li a:hover {
background-color: #eae2db;
}

/*ROLLOVER/CURRENT MENU DECORATION*/
.header_color .avia-menu-fx {
background-color: #423222;
}
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-color: #423222;
}

.alternate_color .avia-icon-list .iconlist_icon, .main_color .avia-icon-list .iconlist_icon { background-color: #423222; }

#top #gform_4 input[type=”text”],
#top #gform_5 input[type=”text”],
#top #gform_6 input[type=”text”],
#top #gform_7 input[type=”text”],
#top #gform_9 input[type=”text”],
#top #gform_10 input[type=”text”],
#top #gform_11 input[type=”text”] {
width:474px;
}

Thanks!

• This reply was modified 12 years ago by v2ginteractive.

Thanks, works perfect!