Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Responsive issues

responsive
    • 5 years, 12 months ago anaisbene
      Participant

      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,

    • 5 years, 12 months ago Ludjon
      Keymaster

      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

    • 5 years, 12 months ago anaisbene
      Participant

      Heyyy,

      1 – I’ve only one option which is to remove the logo from the sticky header :it removes it from the header as well on computer … :/
      2 – Accordion is on the button “Déroulé du soin”
      3 – Here is the link for the blog

      Thanks !!
      Let me know

    • 5 years, 12 months ago Ludjon
      Keymaster

      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

    • 5 years, 12 months ago anaisbene
      Participant

      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 !

    • 5 years, 12 months ago Ludjon
      Keymaster

      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

    • 5 years, 12 months ago anaisbene
      Participant

      Heyy,

      i’ve replaced it, still doesn’t work, even on the home page now :/

      Any other idea ?

      Sorryyyy

    • 5 years, 12 months ago Ludjon
      Keymaster

      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

    • 5 years, 12 months ago anaisbene
      Participant

      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 !

    • 5 years, 12 months ago Ludjon
      Keymaster

      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!

    • 5 years, 12 months ago anaisbene
      Participant

      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 !

    • 5 years, 12 months ago Ludjon
      Keymaster

      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>

    • 5 years, 12 months ago Ludjon
      Keymaster

      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

    • 5 years, 12 months ago anaisbene
      Participant

      Hi !

      Thanks !
      i’ve added the code but still doesn’t appear on the blog :/

      Thanks for the mail part ! :)

    • 5 years, 12 months ago Ludjon
      Keymaster

      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 :)

    • 5 years, 12 months ago anaisbene
      Participant

      God, i didn’t see that ! Thankssssss Working now !!

    • 5 years, 12 months ago Ludjon
      Keymaster

      You’re welcome :)
      If you have free time, take 1 minute to leave us a rating on Themeforest :)

      Thank YOU

    • 5 years, 12 months ago anaisbene
      Participant

      Of course I will ! Just let me know where can i leave a rate on themeforest ?

    • 5 years, 12 months ago Ludjon
      Keymaster

      https://themeforest.net/downloads

      Thank you :)

    • 5 years, 11 months ago anaisbene
      Participant

      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

    • 5 years, 11 months ago Mirela
      Participant

      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!

    • 5 years, 11 months ago anaisbene
      Participant

      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 :

      1. If I change the link-names of each page, will the links i’ve made remain ?
      2. On this page the links I’ve added on the bottom of the page don’t charge sometimes :do you have any idea why ?
      3. 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 ?
      4. 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 !

    • 5 years, 11 months ago Ludjon
      Keymaster

      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');
      
      	
      			
      
      	});
      
      }
    • 5 years, 11 months ago Ludjon
      Keymaster

      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

    • 5 years, 11 months ago anaisbene
      Participant

      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 appears

      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 ?

      > 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, 11 months ago by Ludjon.
    • 5 years, 11 months ago anaisbene
      Participant

      For Flexslider and Testimonial Carousel the big issue appears on Safari but seems to work on google Chrome?

    • 5 years, 11 months ago anaisbene
      Participant

      Now it’s working on Safari as well, sorry for that part ! Probably needs some time to adjust ya ! :) Thanks for this !!

    • 5 years, 11 months ago Ludjon
      Keymaster

       

      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; }

       

       

    • 5 years, 11 months ago anaisbene
      Participant

      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 !

    • 5 years, 11 months ago Ludjon
      Keymaster

      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

    • 5 years, 11 months ago anaisbene
      Participant

      Perfect thanks !

      Yes, i’ve hidden it for tablet and mobile phone screens… Is that the reason ?

    • 5 years, 11 months ago anaisbene
      Participant

      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 !!

    • 5 years, 11 months ago Mirela
      Participant

      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, 11 months ago by Mirela.
Viewing 32 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password