-
-
Hi there!
I’m working on a website which is almost finished but faced some issues with the responsive part :
1- On the sticky header : on mobile, the white background disappears but the logo remains : i would like to remove the logo on mobile but keep the dropdown menu options : how can I do that ?
2- I put an accordion block on that page but on the mobile version, the text doesn’t appear fully : it’s cut …
3- I’ve also realized that the blogs are not responsive but I don’t understand why : it’s from the basic template so it should be already responsive, no?
Thanks a lot for your time, hope you’ll be able to give me some help !
Have a great day,
-
Hello,
1. Try from Specular -> Header -> Sticky -> Sticky Logo option
2. Sorry but didn’t find the accordion
3. The Blog by default is fully responsive, can you please send me a link to check?Thanks
-
1. Add this custom code:
@media (max-width:767px){ .sticky_header #logo img.dark{ display:none !important; } }
2. Add this:
@media (max-width:767px){ .vc_tta-panel-body .wpb_text_column{ padding-left:0 !important; } }
It’s a WPBakery Element, sorry for this incovenience will fix as soon as possible at the new update;
3. Add this:
.post_style-modern .span12 > .blog-article{ max-width:100%; }
Added all in update list, will be ready at the next update for now fix the site with these small css codes. Add them on Specular -> General -> Custom CSS Code
Let me know if you need further help. If you like our theme and support don’t forget to leave a review on Themeforest , it’s important for us!
Thank You so Much
-
Thank you so much for your quick and great answer !
2 & 3 are perfectly fixed ! Briliant ! Awesome !
Only 1 remains : it works on the home page but not on the other ones … Any ideas ? :/
Thanksssss
I’ll put a review for sure ! -
Try this mod in js/codeless-main.js
replace line 143, should be
if($('body').hasClass('sticky_active') && $window_width >= 980)
with:
if( ($('body').hasClass('sticky_active') && $window_width >= 980 ) || ( $('body').hasClass('sticky_active') && $('body').hasClass('sticky_on_mobile') ) )
Let me know if works now
Thanks
-
Heyy,
i’ve replaced it, still doesn’t work, even on the home page now :/
Any other idea ?
Sorryyyy
-
You have removed accidentally:
if( ($('body').hasClass('sticky_active') && $window_width >= 980 ) || ( $('body').hasClass('sticky_active') && $('body').hasClass('sticky_on_mobile') ) ) codelessStickyNav();
codelessStickyNav() function after the If clause
Let me know
-
Oh god, you’re right ! Sorry ! Works perfectly fine now ! Thanks !!
Might have some other questions in the next few days but thanks a lot !!!!! You rock !
-
Let me know if you need further help. If you like our theme and support don’t forget to leave a review on Themeforest , it’s important for us!
-
Hello again !
I’ve a new question : is it possible to add a “mail share option” on each blog ? (there is the social share button, but doesn’t show any option to share blogs by mail)
And probably the last one : is it possible to customize with images the “contact form” mail confirmation ?
Thanks again !
-
Hello,
Yes, add this line on includes/view/blog/loop-index.php
<li class="mail"><?php echo codeless_complex_esc($mail_shares); ?><i class="moon-mail"></i></a></li>
add that after this:
<li class="tumblr"><?php echo codeless_complex_esc($tumblr_shares); ?><i class="moon-tumblr"></i></a></li>
-
Try on the Mail tab: /wp-admin/admin.php?page=wpcf7&post=5&action=edit
to add a img tag for example;
<img src="{yourlink}" />
Add this on Message Body textarea
-
Hi !
Thanks !
i’ve added the code but still doesn’t appear on the blog :/Thanks for the mail part ! :)
-
You need to add it twice, in the file are two places with this code:
<li class="tumblr"><?php echo codeless_complex_esc($tumblr_shares); ?><i class="moon-tumblr"></i></a></li>
Add after the second one too :)
-
-
You’re welcome :)
If you have free time, take 1 minute to leave us a rating on Themeforest :)Thank YOU
-
Of course I will ! Just let me know where can i leave a rate on themeforest ?
-
-
Hi again !
Another question : how do I make the arrows remain on the testimonial carrousel and make the carousel not on auto-loading but by clicking ?
I’ve added some custom CSS that i’ve found in the support but doesn’t seem to work !
“.testimonial_carousel_element:hover .pagination a.prev{ left: 0px;}
.testimonial_carousel_element:hover .pagination a.next { right: 0px;}”
Let me know :)
Thanksssss
-
Hello,
Please add this code into your custom css box to make the arrows be visible at all time:
.testimonial_carousel_element .pagination a { opacity: 1; }
To stop the carousel, go to file js/main.js and find this function:
function testimonialsCarousel(){
Inside it find this line:
auto: true;
edit it to:auto: false;
Save changes and refresh page.Let us know.
Best regards! -
Hi Mirela !
Thanks !
I’ve another question on the carousel part :How can I make it “auto reading” on the welcome page and not on the other pages (this one especially)?
Also :
- If I change the link-names of each page, will the links i’ve made remain ?
- On this page the links I’ve added on the bottom of the page don’t charge sometimes :do you have any idea why ?
- Is it possible to remove the “read more” button of each preview of blog ? And how can I manage to have the exact same number of words on each preview ?
- Another issue : when we open the website on the welcome page the image below the flexslider appears and the top and disappears : any idea how to fix this ?
Thanks a lot for your help !
-
Replace all the function with this solution:
function testimonialsCarousel(){ "use strict"; var $ = jQuery.noConflict(); var auto_bool = $('body.page-id-195').length == 0 ? false : true; $('.testimonial_carousel').each(function(){ var $self = $(this); var c_duration = $self.data('duration'); if(c_duration == 'undefined') c_duration = 500; loadDependencies( [ codeless_global.FRONT_LIB_JS + 'jquery.carouFredSel-6.1.0-packed.js'], function(){ $self.carouFredSel({ auto: auto_bool, scroll: { items : 1, fx: 'fade', duration: c_duration }, prev : { button : $self.parent('.testimonial_carousel_element').find('.prev') }, next : { button : $self.parent('.testimonial_carousel_element').find('.next') } }); }); var max_height = 0; $('.item', $self).each(function(){ if($(this).height() > max_height) max_height = $(this).height() + 25; }); $('.item', $self).height(max_height+'px'); }); }
-
If I change the link-names of each page, will the links i’ve made remain ?
I don’t know exactly, but i think once created the link remain the same.
On this page the links I’ve added on the bottom of the page don’t charge sometimes :do you have any idea why ?
What do you mean? I open the page, they works fine. Do you mean the animation?
Is it possible to remove the “read more” button of each preview of blog ? And how can I manage to have the exact same number of words on each preview ?
Use this custom code:
.vc_row .blog-article .btn-bt{ display:none; }
about the words, use the excerpt on each post and add exactly what you need to be shown on preview.
Another issue : when we open the website on the welcome page the image below the flexslider appears and the top and disappears : any idea how to fix this ?
Do you mean the logo after the slider? mm it looks good, which browser do you use?
Thanks
-
Heyyy Thanks a lot !
For the carousel : i’ve added the new function but doesn’t seem to work ?
On this page the links I’ve added on the bottom of the page don’t charge sometimes :do you have any idea why ?
> Yes, the animation works sometimes and sometimes doesn’t work at all and you need to refresh the page to have the text appearsIs it possible to remove the “read more” button of each preview of blog ? And how can I manage to have the exact same number of words on each preview ?
> Perfect for the read more button thanks !
Then for the excerpt : is it also possible to remove it completely ?Another issue : when we open the website on the welcome page the image below the flexslider appears and the top and disappears : any idea how to fix this ?
Yay, I’m speaking about this one indeed ! I’m using Google Chrome ?
Also, another big issue just appeared (since i’ve changed the Testimonial Carousel function) : all the flexsliders disappear… Can you give a look ?
I’m sorry ! But thanks again and again !- This reply was modified 5 years, 4 months ago by Ludjon.
-
For Flexslider and Testimonial Carousel the big issue appears on Safari but seems to work on google Chrome?
-
Now it’s working on Safari as well, sorry for that part ! Probably needs some time to adjust ya ! :) Thanks for this !!
-
Did you made a hard refresh? I tested and it works
The animation seems ok, which browser? Safari again? I have tested on Safari works too, difficult to find out, there is no error
Remove excerpt with this:
.vc_row .blog-article.grid-style .content .text{ display:none; }
-
Yes i had !
On safari and sometimes on Google Chrome too, animation is not working but maybe it’s just because of low loading ?
Cause the logo under the flexslider appears and disappears each time i’m loading the home page ?Thanks for excerpt part !
-
Try this for the animation:
.wpb_start_animation{
opacity:1 !important;
}
on my side works on chrome and safari without issue
for that image you probably are in small screen and you have activated Hidden on small screen option for that column on visual composer. Please check on page builder, open column, responsive options.
Let me know
Thanks
-
Perfect thanks !
Yes, i’ve hidden it for tablet and mobile phone screens… Is that the reason ?
-
Probably my last question (hope so!! ) sorry !
Is it possible to add a button at the end of each blog to be able to go back on the category page where all the blogs from one category are displayed ?
Example : i’m on this blog and i want to go back to this page which is displaying all blogs from the same category… Is there a way to add a button at the end of the page/blog ?Thanks !!
-
Hello,
You can add a button element using Visual Composer to each post. Then link the button to the post’s category page. This is an action you have to do for each post.
Note: Please open new ticket for new questions. This topic is overloaded and has shifted from it’s original issue. Having one ticket per issue, keeps the forum easy to browse for all users.
Thank you!Best regards!
- This reply was modified 5 years, 4 months ago by Mirela.
-
You must be logged in to reply to this topic.