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

Hi,

Oh I got you now on 1st point. You want an optical illusion of some kind .. like this site http://goo.gl/L6Lh4 … This is better done to background image. I am not a graphics guy to do this with images or css and in my view that would be outside the scope of the support team. However I will try to to give you code for how i would go about this, because I honestly don’t know how to put a shadow there that would create a 3rd depth effect, If you can show me some website or an image i can try to copy it but inventing stuff like that requires a designer to invent it artistically.

You probably need something like this (this image to big, but you understand, to create depth

http://www.clipular.com/c?6670313=69-7h3iFcO_WmALqJurLRMiWElw&f=.png

I made this by adding this css, and if you find an image with right shading to create the effect it would look pretty good.

.footer_color {

background: rgb(15, 15, 15) url(https://static5.depositphotos.com/1026931/508/v/950/depositphotos_5082857-3d-Empty-shelf-for-exhibit-in-the-wall.jpg) center center no-repeat fixed;

margin-top: -25px;

}

Here is different way to go about it https://docs.google.com/file/d/0B8hqGBMSfHtKZjlUempxb0s2dmc/edit?usp=sharing

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

For your second point, no problem: Just add this to the bottom of your /css/custom.css or to Quick CSS , but to the very end of either one.

@media only screen and (min-width: 1140px){

.main_color .container {

width: 1030px;

border-top-color: #e1e1e1;

border-top-style: solid;

border-top-width: 1px;

border-bottom-color: #e1e1e1;

border-bottom-style: solid;

border-bottom-width: 1px;

}}

.container_wrap{

border-top-width: 0px !important;

}



.main_color .container {

width: 100%

max-width:910px;

border-top-color: #e1e1e1;

border-top-style: solid;

border-top-width: 1px;

border-bottom-color: #e1e1e1;

border-bottom-style: solid;

border-bottom-width: 1px;

}

http://www.clipular.com/c?7164011=a1fnzkGw40ncschUaspMWLp54pQ&f=.png

Thanks,

Nick

continuation…

I took a longer look at this since my localhost experienced the same problem as yours. The problem comes from Dreamweaver (at least mine did). If using Notepad2 you open up the theme files you’ve edited with Dreamweaver, specifically functions-enfold.php, searchform.php and the function-set-avia-backend.php , and in Notepad++ the fifth menu item is Encoding. The file I edited to paste the same word you used for search saved in ansi format. After converting it back to UTF8 (5th menu item), i no longer got that bad character set in the search box.

If you go to the demo site of the theme kriesi.at/themes/enfold/ and type Russian into the search box there are no problems at all which makes me believe that the problem lies elsewhere since this is the identical theme you and I and the demo site use.

Open up .htaccess file located at the root of wordpress and add this to its top (if you don’t have that file just create it)

AddDefaultCharset utf-8

<IfModule mod_charset.c>

CharsetSourceEnc utf-8

CharsetDefault utf-8

AddCharset utf-8 .atom .css .js .json .rss .vtt .webapp .xml

</IfModule>

Thanks,

Nick

Hi,

Those weird characters are not a font. They are Mojibake ( http://en.wikipedia.org/wiki/Mojibake )

Checking on this. hangon. You are using I think ISO-8859-1 encoding and not UTF-8 or perhaps somewhere the encoding changes because i see page has UTF-8 on it, but whether files were edited and saved in ISO-8859-1 format is another story.

—-previous issues

The block of code in my previous answer was to fix contact page and possibly other functionality in the theme and it is working correctly. If you look at source of contact page, ( http://i.imgur.com/QxhJjzx.jpg ) you can see that now form field elements have a russian id but written in english letters. Before the new code, there was nothing there.

—-

If you want something to show up inside that widget, ( i see it here http://capitallogistic.by/?s=%D0%B4%D0%B5%D0%BB%D0%BE , but not on the other website) you need to create blog posts (not pages) That box displays only from posts. Also I don’t see any comments on your website so there is no data to display.

To remove it.add this css to your website /css/custom.css file

#top.search-no-results .widget.avia_combo_widget, #top.search-no-results .entry-content h3 {

display: none;

}

—-

What makes you believe Dreamweaver is that dependable? Most developers dislike it (I use it though, too comfortable with it).

Thanks,

Nick

One thing to try is to re-download the theme files from your downloads on Themeforest and then completely re-install all theme files on top of the current theme files so that they are replaced and any file possible file corruptions or issues are written over.

If you have any other active plugins, deactivate them as well to make sure there is no conflict.

Regards,

Devin

Hi gardydee77,

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 .header_color .cart_dropdown_first .cart_dropdown_link,

.header_color .cart_dropdown .dropdown_widget li a,

.header_color .cart_dropdown .dropdown_widget,

#top .header_color .dropdown_widget .buttons .button {

color: #333 !important;

}

Regards,

Devin