Hey victoriaeducacion,

Just make a new topic with the questions/issues. It helps keep things easier to search for other users and for us to keep track of open topics :)

Regards,

Devin

Hi,

I am trying to understand what you are seeing, because this is what I see in Chrome on Windos 7 http://www.clipular.com/c?7180226=65G_ENiS0TuPzhP8gfxP6Nr6feM&f=.png , FF looks same, and so does IE.

The way the theme works is that a css file gets dynamically generated based on settings in Enfold > Theme Options > Styling. This css file gets written into the upload folder of wordpress (since chances are the server allows file writing there) . In your case this is the file http://www.andypeck.co.uk/wp-content/uploads/dynamic_avia/enfold.css. It is executed right before custom.css in the cascade.

I just ran an app that counts which selectors in css are used and which are ignored and 98% of css is not used on your site. I have a feeling that maybe some of these selectors may be used somehow even though they are. WordPress 2.6 promises tons of improvements so for now i would just continue building. When you are finished thats the time to remove the unneeded selectors and I have a feeling things will fall in place. If this is done now, then when you add anything extra there wont be a selector to style it, so thats why i suggest you get to the point where you have everything finalized. On top of that its a great optimization technique.

Thanks,

Nick

Hey kleboe,

Change that to:

/* All Mobile Sizes (devices and browser) */

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

.responsive #top #main .sidebar {display:block !important; clear: both; }

}

So that it moves from the sidebar position and wraps under the content.

Regards,

Devin

Hi silverhema,

You can add the menu item as a custom menu item and then set a # symbol for the URL.

Regards,

Devin

Hi hsie,

Kriesi uses the plugin mentioned in this topic in the demo: https://kriesi.at/support/topic/reducing-http-requests#post-115039

Regards,

Devin

Hi Evan,

In the top right of the page view should be a tab labeled “Screen Options”. This is when looking at a normal page in wordpress.

Regards,

Devin

There isn’t any theme options for it but you can Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top.post-type-archive-product #main .sidebar {

display: none;

}

#top.post-type-archive-product .template-shop.content {

width: 100%;

border: none;

}

and for the product category pages:

#top.tax-product_cat #main .sidebar {

display: none;

}

#top.tax-product_cat .template-shop.content {

width: 100%;

border: none;

}

Regards,

Devin

Hi blingcart,

No not for the WooCommerce generated pages. The theme tries to do as little as possible with WooCommerce so that it has the max flexibility with Woo Extensions and plugins.

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top.tax-product_cat #main .sidebar {

display: none;

}

#top.tax-product_cat .template-shop.content {

width: 100%;

border: none;

}

Which will force the archive pages to have no sidebar and be 100% width.

Regards,

Devin

Hi imagnmedia,

I see it happening in FF though I’m not sure what the root of it is as the z-index settings should have it under the content (as it is in webkit browsers).

I’ll have to tag Kriesi on the topic so that he can dig into it a bit and see if a fix can be found for IE and FF.

Regards,

Devin

Hi pixelmixture,

I don’t have any issue selecting that item on the menu in any size. There are some instances where the menu will disable a parent: if it has no url associated with it or if you give it the noMobile class but in this case I’m just not getting that behavior on the linked site.

Regards,

Devin

I see what you mean. Its only after the mobile has been triggered and then it stays ‘stuck’ on mobile which makes the menu appear.

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

/* iPads (landscape)

*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {



#top #advanced_menu_toggle {

display: none;

}



}

Which is a media query designed to target ipads landscape specifically and will hide the mobile button even if its trying to show. Let us know if it works for now and I’ll put it in as a bug.

Regards,

Devin

Hi agarkitekter,

While its definitely possible for #1, it is beyond what we could guide you through doing via support. You can look through the css folder in the theme files and make modifications to the grid as either a child theme or by adding those styles to the custom.css to replace the others.

For number 2, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top .grid-sort-container .grid-entry.flex_column {

box-sizing: border-box;

padding: 5px;

}

Regards,

Devin

Hi,

Hard to tell with any degree of accuracy -. I am going to install IE8 VM style, since all else lacks precision..Meanwhile you can get some background images going again by using this css solution … this assumes background image inside a <img src=”image url” class=”bg” tag.

img.bg {

/* Set rules to fill background */

min-height: 100%;

min-width: 1024px;



/* Set up proportionate scaling */

width: 100%;

height: auto;



/* Set up positioning */

position: fixed;

top: 0;

left: 0;

}



@media screen and (max-width: 1024px) { /* Specific to this particular image */

img.bg {

left: 50%;

margin-left: -512px;   /* 50% */

}

}

Thanks,

Nick

Hi,

You can do quite a lot of stuff to that line .. Add this css to your custom.css file https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 and you see what I mean about that bar below the menu, This code also gives you a blueprint for customizing the menu itself and all its parts including aligning everything. i believe that the code already puts everything right where it needs to be.

Thanks,

Nick

Hi,

Sorry for the delay with the weekend.

1) The theme has 5 menus , two of which have only 1 menu on screen. So that leaves 3 menus which each have the main/submenu. Please clarify which one of the three you are talking about (found in Enfold > Theme Options > Headers

a) Fixed Header with Social Icons and additional Navigation

b) Non-fixed Header with Social Icons and additional Navigation

c) Header with Social Icons and bottom Navigation

===================

This deals with the little point (called avia arrow) on the line that moves under the navigation items;

`

/*

---

AVIA ARROW

---

*/

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {

display: block;

}

/*

---

AVIA ARROW color

---

*/

.header_color .avia-menu-fx .avia-arrow{

background-color: rgb(195, 81, 47);

color: rgb(255, 255, 255);

border-color: rgb(195, 81, 47);

}

/*

---

AVIA ARROW position

---

*/

.avia-menu-fx .avia-arrow-wrap .avia-arrow {

top: 10px;

}

/*

---

AVIA ARROW size, more position shape

---

*/

.avia-arrow {

height: 10px;

width: 10px;

position: absolute;

top: -6px;

left: 50%;

margin-left: -5px;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

transform: rotate(45deg);

border-width: 1px;

border-style: solid;

visibility: hidden;

}

/*

---

AVIA Under Menu Floater – color

---

*/

.header_color .avia-menu-fx{

background-color: rgb(47, 83, 195);

color: rgb(170, 106, 70);

border-color: rgb(47, 53, 195);

}

Thanks,

Nick

Hi,

No cynicism. Ghost site true story and so is image where all those white color codes are in css files on your site. Listen, there are internal caches , server caches, all kinds of stuff. There is jQuery problems where css is taken from a different selector. You have a file enqued in your theme somehow, so someone wrote that files location out and added it somehow. And if that happen, I am ready to believe about white colors as well. Read over things I write on the forum.

Its a waste of time in my opinion, trying to play Sherlock Holmes and the ghost in the machine , because I did enough of that, and let me tell you, that most times you will find nothing( https://kriesi.at/support/topic/angular-logo-centers-on-mobile-devices-should-be-left-justified#post-111167 ), but waste lot of time, its not gonna get you anywhere ( https://kriesi.at/support/topic/woocommerce-addition-of-items-in-cart-not-correct#post-83790 ) , focus on the goal ( https://kriesi.at/support/topic/home-page-slider#post-105249 ). I just added those to show that weird stuff happens, and my advice is consistent, so no cynicism.

What i would like to know is why your website looks dark grey on Chrome Regular and dark blue on Chrome Canary (developer Chrome version)

http://www.clipular.com/c?6670378=uPQ5PowG3kaU8qxoSrcZDhZCFOw&f=.png

http://www.clipular.com/c?7167075=P5mQCtu_YOumXtZW7RL6NySVRcc&f=.png

Now thats weird, something new I haven’t seen before.

Thanks,

Nick