Nick – Just had a thought and wondered if I could kill two birds with one stone without having to go live…

If this doesnt help you then let me know and ill get the first few pages uploaded

Here’s my thoughts

I’ve attached a link to a set of images that outline three things

a) what I want to achieve overall with the nav (look n’ feel) as created in Photoshop

b) what I’ve achieved thus far (still missing the feint grey line we’ve discussed before)

c) whats going wrong in responsive mode

Here’s the link to the images I’ve grabbed:

http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&f=eb6d72c77f6f72f1ab09eaf9b55d3d7c

so…….

two things:

1) Can you help me create the feint line still missing from the top of the nav (see image). Its 1 px deep and spans the width of my menu, its grey, should be responsive and allow the HIGHLIGHT BLOCK to travel along it. Obviously, I may add sections so it needs to adapt when I add or take away pages

2) Can you help me remove the superfluous thick line that appears in the slide out responsive menu. I don’t want it at all in this mode. I just want the menu to behave/look like yours in the demo.

Here’s the code I’m using to adapt the nag (as requested)

/* MENU BORDERS */

#top .main_menu .menu ul li:last-child>a {

border-bottom-style: solid;

border-bottom-color: #33302b;

border-bottom-width: 1px;

border-top-style: solid !important;

border-top-color: #33302b !important;

border-top-width: 1px !important;

}

#top .main_menu .menu ul li a {

border-right-style: solid;

border-right-color: #33302b;

border-right-width: 1px;

border-left-style: solid;

border-left-color: #33302b;

border-left-width: 1px;

}



#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {

border-top-color: #423e38; !important;

border-top-style: solid;

border-top-width: 1px;

}



/* Top Menu width spacing */

#top .main_menu ul:first-child > li > a {

margin-top: 1px;

padding: 0 10px;

}



#top .container_wrap {

border-top-width: 2px;

}



/* Main Menu - ROLLOFF TEXT */

#top .header_color .main_menu ul:first-child>li>a {

padding-top: 7px !important;

color: #eee6de ;

font-size: 1.4em;

letter-spacing: 0.0em;

font-weight:400;

}



/* Main Menu - ROLLOVER TEXT */

#top .header_color .main_menu ul:first-child>li>a:hover {

color: #d83300;

font-size: 1.4em;

letter-spacing: 0.0em;

font-weight:400;

}



/* Main Menu - SUB MENU OFF */

#top .main_menu .menu ul li>a {

color: #e2e2e2;

font-size: 1.2em;

letter-spacing: 0.0em;

font-weight:400;



}



/* Main Menu - SUB MENU HOVER */

#top .main_menu .menu ul li>a:hover {

color: #e2e2e2 !important;

background-color: #d83300;

}



/* Main Menu - HIGHLIGHT BLOCK */

#top .avia-menu-fx {

display:block;

position:absolute;

top: 28px;

border-style:solid;

border-width:2px;

}



/* HEADER - BOTTOM LINE (attached to slider) */

#header_main {

border-bottom-style: solid;

border-bottom-color: #3b3330;

}

My website is http://professional-automated-trading.de.

If I can’t use the other kind of header, I want to delete the top line (class=”container_wrap container_wrap_meta”)

Where can I delete the lines for the top? What is going on when I start an update of the theme, do I have to make this changes again?

Than I would like to write my telefon number on the left side from the social icons.

Can I also delete the small line between the menu points and the line above the menu points?

Lot’s of thanks for your help!

Hello, Ismael,

Thanks for your response. I tried the codes but just work the first one. The 2nd and 3rh Don’t work for me….some other suggestion?

Regards,

Alexia.

I changed all values to 200, uploaded new images, but nothing changed.

Images have following properties:

style="opacity: 0; left: 0px; top: 0px; display: block; height: 257px; width: 257px;"

So the size is 257*257, not 200*200.

Is there any other place, where the size is set to 257?

I see. I am not familiar with iframe (don’t really know what that is and how to use it), thanks anyway.

I don’t know if you ever heard it or not, but OptimizePress is a WP theme created for sales pages and the like which has an infrastructure allowing self hosted videos on places like AWS3 to be embedded seamlessly. I use it for my membership site and it works great.

I just wondered whether it was possible to do that too in Enfolder, since your theme is so awesome.

You might want to investigate into AWS3 sooner or later, for it is much better than YouTube or Vimeo if you want videos to play fast, seamlessly and in a pretty professional way.

Thanks for the support anyway.

So the only way to have a video autoplay would be to use a layer or the text editor within the text block element and stuff the embed code which has the autoplay from Vimeo/Youtube?

Thanks

Hi,

Yes I have the latest version and no it won’t work…As I told you, I insert an image but I can select any image from the library, I have tried with several, but the image won’t show. On the page builder I can see it, but on the page it’s only text…

Something else, is there any issue with this forum? I have many lines on top of the forum and cannot access my “favorite posts”…

Kind regards,

Now the images don’t jump, but the white box with the arrows (when you mouse over an image) are below the image, not on top of the image. Look at http://www.wafbmuseum.org/alumni-stories/last-flight-the-missing-airmen-march-1951/

Fixing the issue I had here https://kriesi.at/support/topic/images-bouncind-everywhere#post-111917 seems to have fixed this menu issue. as well…