Hi Dude, thanks for the advices

I have tried your suggestion concerning #1, and:
1. the code effects the width only which makes the logo out of its proportion; Due to that I have tried the following code:
#top .logo a img {
height: 88px;
width: 297px;
}
But No effect was taken on the height…
2. I understand that your solution cannot be fit to a Fixed Header (which I use in the site) due to the resizing of the logo when scrolling down. right? If possible, I would like to keep the Fixed Header effect when resolving this Logo problem (but not a must)

Please share your thoughts with me
Thanks
Eli

Hey
we use the “dark-blue” style but i definitely need to remove the blue bar on top (<div class=”stretch_full container_wrap alternate_color dark_bg_color title_container”>.)
but only for the homepage.
Fo all other pages / posts / cats that <div> should still exist

regards axel

Hi Ismael THX that did the trick.

The letters in that header meta are now a very weird purple color also the social buttons. What to do about that?

If feel something is conflicting in my CSS code: Any idea?

#top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
#top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

#top .header_color .main_menu .menu ul li a{
background-color: #ffffff;
color: #4787f3;
font-size: 17px;
}
#header_main {
background: #4787f3;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 17px;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.woocommerce .template-shop.content.nine.units {
width: 100%;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
}
.grid-content {
height: 70px;
}
.woocommerce .sidebar {
display: none !important;
}
.woocommerce .template-shop.content.nine.units {
width: 1030px;
border: none;
}
.header_color .sub_menu>ul>li>a {
font-size: 12px;
color: #0e75bf;
}
#top .main_menu .menu a {
color: white;
}
#top .main_menu .menu a:hover {
color: white;
}
.main_menu ul:first-child > li > a {
font-size: 17px;
font-weight: 700;
color: white;
}

#footer .widget {
padding: 30px 0 30px 0 !important;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 100px;
}

#top .sidebar_tab_content.sidebar_active_tab_content {
background-color: #fff;
color: black;
}
#top .sidebar_tab.sidebar_active_tab {
background-color:#0e75bf;
color: #fff;
}
.slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
color: #0e75bf;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 10px;
}
#top .ajax_controlls {
top: 70%;
}
#footer .widget_nav_menu li a {
font-size: 20px;
}

#menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
color: #FFF;
font-size: 25px;
}
#footer .widget_nav_menu li a {
text-align: center;
}
.iconbox_icon {
background-color: white !important;
}
.widget_nav_menu h3.widgettitle {
text-align: center;
}
#top .iconbox {
width: 100%;
}
#top .avia_mega_div {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .sub-menu {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .menu-item ul {
background-color: #f5f2f5;
color: grey;
}
#top .main_menu .menu ul li a {
background-color: #f5f2f5;
color: white
}
.sidebar_tab_title {
margin-left: 10px !important;
}
#js_sort_items a {
font-size: 19px;
}
#top.woocommerce-page .woocommerce-ordering select { width: 25%; }

@media only screen and (max-width: 767px) {
#top.woocommerce-page .woocommerce-ordering select {width: auto; }
}
.chzn-container {
position: initial;
}
#top .chzn-container .chzn-drop {
top: 70px !important;
width: 325px !important;
margin-left: 3px;
}
.woocommerce-pagination {
display: none;
}
#top.tax-product_cat .container > .term-description {
display: none;
}
.added_to_cart {
display: none;
}
.form-row.address-field{
overflow: visible;
}
#top .chzn-single div b {
background-position: 5px 6px !important;
}
div .main_color .active_tab {
background-color: #0e75bf;
color: #FFF;
}
div .main_color .tabcontainer .active_tab {
color:#FFF;
}
#top .main_color .tabcontainer .tab:hover {
#FFF:

}
.main_menu ul:first-child > li > a {
padding: 0 5px;

}
#top .main_menu ul:first-child > li > a {
padding: 0 13px;

}
.social_header .phone-info { color: orange!important; font-size: 20px!important; }
.logo img { padding: 20px 0 0 0; }
.header-scrolled .logo img { padding: 5px 0; }
#header_meta { background-color: white; }

Thanks Devin so are you basically saying child theme or not I would have to follow these steps in the following post each time there was a theme update? https://kriesi.at/support/topic/enfold-logo-resize/

Any suggestions? Thanks.

So that did help with making the search icon in-line with the rest of the nav on the ipad in landscape mode, but only if in landscape mode – as soon as I turn it, the remaining navigation and search icon gets cut off and doesn’t fit on the screen at all. Shouldn’t the responsive navigation pop up as soon as I turn it since it doesn’t fit?

I also noticed that on the browser on a desktop, these settings have made all of the heading and primary navigation fonts thicker and bold? As soon as I remove the media code above, it reverts back to the normal looking fonts which is the look I like.

That works perfectly, thanks but it doesn’t do it for every page, only some. I’m assuming it is tied to the .page-id – where do I pull that from to ensure I’m able to do this on every page?

Thanks again! Awesome support!

Thanks again for such a quick response, excellent service I must say. Just added thois code and works a treat. So bascially anything with a browser size that is below 767px will not show the wording on the slider? What is an Ipad or other standard tablet out of interest?

I have one further question, when you play around with the responsiveness of the theme, if you reduce the browser window to a certain size the navigation totally goes: see

Is this just an issue with the a desktop browser so effectively would never be an issue in the real world?

Hi the problem is on ipad and iphone
the last slide is appearing on top. I think it has to do with either some embed or iframe code in the theme. If I create a content slider with just text or images – it works correctly. I made the last slide iframe size smaller – so it is more obvious. The first slide video that should appear is “Gemco Valve Clean-in place” The last slide is “Variable…” the second slide is “Retractable…”
here is a screen shot as of error on ipad: http://elwoodtemp.com/wp-content/uploads/2013/11/contentslider-iframe.png

Hope you can help

Hey Ismael, THanks for your help. how do I send you a screen shot?
The code worked but I actually would like the main content to be semi transparent if possible..
and if there is a way to create a gap between the main content and header? and take out the top menu as well….

Also I Ended up centering the Menu … but now there is a black line that runs across the background image is there anyway to crop that out??
Thanks

Hi!

this: http://i.imgur.com/TyL3kjk.jpg cart icon (on the right side of the header) is not visible in Chrome.
In Firefox it is visible.

But the menu color changes I asked for on the top of this post, still dont work.

Best Wishes: MCGawain