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

Custom JS – Custom Page Header – sidebar mobile

js custom page header
    • 9 years, 11 months ago daige
      Participant

      Expired

      3 questions I haven’t figured out:

      1. On the blog (alternate version) I’ve put the sidebar on the left. However, on the mobile version, it appears BEFORE the posts. Is there a way to force it to be 2nd on the responsive version ?
      2. The Page Header on the blog displays the latest blog post name. Is there a way to change it ?
        Is there a way to put custom content there ?
      3. I haven’t been able to make the custom JS work (in settings->general). I’ve tried only basic code, but it doesn’t work

      Site: roulezelectrique.com

      jQuery(document).ready(function(){

      console.log(“ok”);

      });

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      1-That is because you have set up a left sidebar. The order goes left to right. You can change the sidebar position to right and it will display after the blog posts in mobile mode.
      2-Please make sure you have set the page as Posts page at Settings > Readings, and at General theme Options first. Then enable Page Header in General Settings > Page Header Options.
      3-Add directly the code without the jQuery(document).ready(function(){});
      Like this:

      /*jQuery(document).ready(function(){
      
      });*/
      console.log("ok");

      Best regards!

    • 9 years, 11 months ago daige
      Participant

      Expired

      Hello,

      Thanks.

      1. I understand. However, do you know if I could put a jquery line that would, on mobile, put the sidebar AFTER or I’m stuck with a right sidebar ?
      2. “your latest posts”, that’s what you mean ?
      3. The console.log thing was just a test. I want to add something like this and it never runs.

      jQuery(document).ready(function(){

      console.log(“ok”);

      $(“#posts_container”).prepend(““);

      });

    • 9 years, 11 months ago daige
      Participant

      Expired

      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Hello,</p>
      <p style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Thanks.</p>

        <li style=”box-sizing: border-box; margin: 0px; list-style: decimal; background: none;”>I understand. However, do you know if I could put a jquery line that would, on mobile, put the sidebar AFTER or I’m stuck with a right sidebar ?
        <li style=”box-sizing: border-box; margin: 0px; list-style: decimal; background: none;”>“your latest posts”, that’s what you mean ?
        <li style=”box-sizing: border-box; margin: 0px; list-style: decimal; background: none;”>The console.log thing was just a test. I want to add something like this and it never runs.
        <li style=”box-sizing: border-box; margin: 0px; list-style: decimal; background: none;”>
      jQuery(document).ready(function(){
          console.log("ok");
          $("#posts_container").prepend("<a href='rabais/obtenez-1550-de-rabais-sur-une-tesla/'><img src='https://roulezelectrique.com/wp-content/uploads/2015/11/cropped-Banniere-roulez-electrique-Tesla-FR.jpg' style='width:100%; margin-bottom:50px;' /></a>");
      });
    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      -You can change the sidebar positioning for mobile, with css. Or you can try with jQuery, to switch style (select right sidebar) when in mobile.
      Sorry but this support does not cover such customizations. Read more about Support Policy.

      -Assign blog page in General Options. Example: options screenshot, blog page title screenshot.

      -You are right. Sorry for the inconvenience. We will fix this in the next update. Meanwhile, please add the code directly to files header.php or page.php (if you want the output in page body).

      Best regards!

    • 9 years, 11 months ago daige
      Participant

      Expired

      you say:
      Assign blog page in General Options
      But how do I create a blog PAGE with the post listings ?

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      You can assign any page as your blog page (screenshot). The posts will be shown by default in that page, after setting it up as blog (screenshot). It will reflect all the configurations set up in General Options > Blog Config (screenshot).
      I can help you set it up if you send us your wp credentials in a private reply.

      Best regards!

    • 9 years, 11 months ago daige
      Participant

      Expired

      Yes, but suppose I create an empty page.
      And then I set it up in the specular config as “blog page”
      There will be no posts shown on that page, right ?
      How then do I make posts listing appear on that page ?

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      If you set it as ‘blog page’ all posts will be displayed when opening that page. If that does not happen then either there are no posts available to show, or a mistake is made.
      I can help you set it up if you send us your wp credentials in a private reply.

      Best regards!

Viewing 8 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