Hi
It looks like this only occurs on smaller-height screens. One way to fix it would be to prevent your logo from moving down when the menu is expanded like this:
img.popup {
padding-top: 0px;
}
You can add that CSS code either into a custom CSS theme option (if you have one), or by using a custom CSS plugin.
Thread Starter
Tameto
(@tameto)
didn’t work 🙁
I’m feeling like the solution might be in changing some option in the “full page” template but i’m not sure what…
this is what i have in the file…
<?php
/*
Template Name: Full Screen Sections
*/
?>
<?php
global $wp_query;
$id = $wp_query->get_queried_object_id();
$full_screen_holder_style = "";
if(get_post_meta($id, "qode_page_background_color", true) != ""){
$full_screen_holder_style .= "background-color:".get_post_meta($id, "qode_page_background_color", true).";";
}else{
$full_screen_holder_style .= "";
}
$header_bottom_appearance = 'regular';
if(isset($qode_options_proya['header_bottom_appearance'])){
$header_bottom_appearance = $qode_options_proya['header_bottom_appearance'];
}
$paspartu = false;
if(isset($qode_options_proya['paspartu']) && $qode_options_proya['paspartu'] == 'yes'){
$paspartu = true;
}
$enable_vertical_menu = false;
if(isset($qode_options_proya['vertical_area']) && $qode_options_proya['vertical_area'] =='yes' && $paspartu == false){
$enable_vertical_menu = true;
}
if(!$enable_vertical_menu){
if($header_bottom_appearance == 'regular' || $header_bottom_appearance == 'stick' || $header_bottom_appearance == 'stick_with_left_right_menu'){
$header_height = 100;
if(!empty($qode_options_proya['header_height'])){
$header_height = $qode_options_proya['header_height'];
}
$full_screen_holder_style .= "margin-top:".(-$header_height)."px;";
} else {
$full_screen_holder_style .= "";
}
}
if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
else { $paged = 1; }
?>
<?php get_header(); ?>
<div class="full_screen_preloader"><div class="ajax_loader"><div class="ajax_loader_1"><?php echo qode_loading_spinners(true); ?></div></div></div>
<div class="full_screen_holder"<?php if($full_screen_holder_style != "") { echo " style='".$full_screen_holder_style."'";} ?>>
<div class="full_screen_navigation_holder up_arrow"><div class="full_screen_navigation_inner"><a id="up_fs_button" href="#" target="_self"><i class='fa fa-angle-up'></i></a></div></div>
<div class="full_screen_inner">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; ?>
</div>
<div class="full_screen_navigation_holder down_arrow"><div class="full_screen_navigation_inner"><a id="down_fs_button" href="#" target="_self"><i class='fa fa-angle-down'></i></a></div></div>
</div>
<?php get_footer(); ?>
any idea??
When you say “didn’t work”, do you mean the CSS worked but it didn’t solve your problem or that the CSS I gave you didn’t actually take effect?
If the latter, try just adding !important like so before we try anything else:
img.popup {
padding-top: 0px !important;
}
If it’s the former, and preventing the logo from moving didn’t solve your problem, can you let me know what sort of device you’re viewing the site on?
Thanks.
Thread Starter
Tameto
(@tameto)
Heyeyeyey!!!
Good news. I actually am just an idiot ant put the code in the wrong file… it wors just super fine 🙂
Thanks!!
