You’re the best Yigit. Now the drop-down menu (hover) is not align below the header, a 15px gaps appear since we added top:15px to pull down the logo.
http://goo.gl/waTQev

after scrolling up, header shrinks
http://goo.gl/713CN3

Have tried to reduce the menu line-height to 88px !important, and it still remain on 103px height. Any clue how to fix this??
& Thanks.

This is Enfold coded menu that comes with theme compatibility to WPML with Enfold added language switcher on top. How can this question not be directly related to the theme?

I can surely ask the WPML team about this but I am sure they will address me back to the theme developers.

Hi Rikard,

you’ll seen the desktop version certainly. There it is OK.
On the mobile phone, the navigation is hidden behind the logo area. I have droped a screenshot a URL (private content).

The first option is the best.
If I hide the menu now, a part of the H1 headline is hidden behind the logo area.

Thank you.
Ulrich

now you should understand the idea, but again, I took the “advanced layout editor” code(from debug mode) and I want to put it in the page template. what am I missing here? thank you

<?php
/*
 * Template Name: Custom page
 * Description: Page template 
 */

get_header(); ?>

[av_heading tag='h3' padding='10' heading='Hello' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_one_half first  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_masonry_entries link='category' sort='yes' items='12' columns='flexible' paginate='yes' query_orderby='date' query_order='DESC' size='fixed masonry' gap='1px' overlay_fx='active' id='' caption_elements='title excerpt' caption_styling='always' caption_display='always' color='' custom_bg=''][/av_masonry_entries]

[/av_one_half][av_one_half  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_countdown date='' hour='12' minute='0' min='1' max='5' align='center' size='' style='center'][/av_countdown]

[/av_one_half][av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']

[av_slideshow size='featured' animation='slide' autoplay='false' autoplay_stopper='' interval='5' control_layout='' perma_caption=''][/av_slideshow]

[/av_section]

<?php get_footer(); ?>

• This reply was modified 9 years, 5 months ago by Duop.

Hi,

I have a video background on my home page and I want to add a transparent png image on top of it.
The only option I saw I have is to write text that will show on the video. and that is not good for me.

This is my website im working on:

This is the image I want to have on top of the main video (while the video is running of course):
http://new.crossfithaifa.co.il/wp-content/uploads/2016/02/main-video-slide-01.png

Also, I have several other issues I would love some advice on:
1. How can I make the main menu pages bigger on the top header (increase font size)?
2. how can I make the main video non-clickable. if I click on it now it stops.
3. I want to add a font family from google fonts (Rubik), what is the best way to do this. I saw the tutorial with the php code but I do not know how to code and would be happy for a more step-by-step guidance.
4. Is there a way to easily make the theme RTL (right to left) compatible?

Thank you!
Didi

Hi Yigit

Yes, I thought of that, but I want to be able to place elements, eg columns with text box, etc, over the top of the background image but still have the whole image (the whole section) as a link.

many thanks

Peter

See the private section for the link

In addition to the above first point:
1) align this header widget-text just in the middle/center of the Logo. I have now used “top 28%;” as part of the css – But I’m wondering if there is a better trick to position this always in the middle of the logo;

I would like to see this text also be aligned with the middle of the logo when you scroll down. Now the logo is changing in size and the text remains on the same position.

Hi!
My problem is back (accented letters don’t look right and error message at the top of the page) when i try to buy a gift card. Can you take a look please?

Thanks!

Érik

Thank you Yigit, but I speak about desktop screen but different resolution: HD1920x1080px and normal 1366x768px