Community Forums

Hello,

I’m starting become impatient.

This bug is just because of this difference:

If you’re on the top of the page the header CSS looks like this:

header#header .container {
position:relative;}

Now if you scroll down and the sticky header appears the CSS will change to this:

.header_wrapper.header_1 background--light.open {
position:fixed;
visibility: visible;
}

Because of this difference of the position-value “Relative” and “Fixed” the content moves up as much as the height value of the header itself. It’s not that easy just to change this position with custom CSS, that won’t work. So please tell your developers team to take a look at this as soon as possible, please. For a professional programmer, this shouldn’t be a big deal to fix in my opinion.

I’ll hope to hear from you soon.

Best regards!

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

Hi Kris

Thanks for your answer! I deactivated ALL third party plugins. Also I installed the newest version of your theme and all newest versions of the required plugins. As I wrote before, I deactivated my whole custum css changes, cleared my browser cache and it doesn’t affect the issue i described before.

Finally, I found the same bug on your demo website:

LINK

It’s definitely an issue of your theme. Please fix this bug with an update or let me know, how I can fix this with some custom code.

Thanks & best regards

Soooo I solved it on my own :-) It’s not such a big deal as i thought. Maybe it’s not the most professional solution but I will share it here if you would like to achieve the same 2 column layout:

1. Open the single.php and replace this code on line 35:

<div class="span<?php echo esc_attr($spancontent) ?>">

with this code:

<div class="spanblog">

<!--?php get_template_part( 'includes/view/blog/loop', 'left' ); ?-->
<!--?php //codeless_author_box(); ?-->
<!--?php wp_link_pages() ?-->
<!--?php comments_template( '/includes/view/blog/comments.php'); ?-->

</div>
<div class="spanblog">

<!--?php get_template_part( 'includes/view/blog/loop', 'right' ); ?-->
<!--?php //codeless_author_box(); ?-->
<!--?php wp_link_pages() ?-->
<!--?php comments_template( '/includes/view/blog/comments.php'); ?-->

</div>

2. Paste this code in your Custom-CSS:

.spanblog {
width:48%;
margin-left:0px!important;
padding-left:1%!important;
padding-right:1%!important;
}

.blog-article.standard-style .media {
margin-top:5px !important;
}

.blog-article.standard-style .content {
padding-top:0px !important;
}

.nav-growpop a {
top: 30% !important;
}

3. Go to Specular/includes/view/blog/ and duplicate the file “loop-index.php” twice.
Rename one “loop-right.php” and the other one “loop-left.php”

4. Edit the file “loop-left.php”. On line 5 replace the codeline with this one:

do_action('codeless_excecute_query_var_action','loop-left');

Also deactivate the whole div section class=”content” by changing this codelines:

Line 141:

<!--div class="content">

Line 266:

</div-->

5. Edit the file “loop-right.php”. On line 5 replace the codeline with this one:

do_action('codeless_excecute_query_var_action','loop-right');

Also deactivate the whole div section class=”media” by changing this codelines:

Replace line 80:

<!--div class="media">

Replace line 81:

<!--
<div class="post_type"><i class="moon-<?php echo $icon_class ?>"></i></div>
>

Replace line 139:

</div-->

6. Be sure your post is set as a fullwith post without sidebar. Specular-Options -> Blog Config -> “Layout” & “Single Post Layout”

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