Select Page
Quick fix when Divi row section or module “disable on mobile” is not working

Quick fix when Divi row section or module “disable on mobile” is not working

At some point I was working on a website for a client and wanted to hide a row, section or module, to be viewed only on specific device type. It was very, very frustrating to see that even if checked the box it wasn’t working as intended.

I’ve search the internet for a solution but i’ve found that no one had this issue (or no one posted on this subject).

But actualy there is a solution that can resolve the issue with just adding a little bit of custom CSS to the child theme. The code works with Divi or any other theme that you might use for your website.

If you use a Divi child theme as I do, go to your Custom CSS. It’s located under Dashboard>Divi>Theme Options>Custom CSS

Go ahead and add the following code to Custom CSS

1
2
3
4
5
6
7
8
@media screen and (max-width: 599px)
{
.mobileoff {display: none;}
}
@media screen and (min-width: 600px)
{
.desktopoff {display: none;}
}

Now go to the row section or module and add to the CSS class field settings the specific class that you need. For example use mobileoff  if you’d like to hide a module on devices smaller then 599px or desktopoff if you’d like de hide a modul on devices larger then 600px.

Remember that you can rename the css class with whatever you want/ and you can change the max/min width to fit your needs.

How to add Facebook Comments to WordPress without a plugin

How to add Facebook Comments to WordPress without a plugin

Instaling Facebook Comments to replace your standard wordpress comment system can drive more engagement and shareability to your blog articles.

I will explain below, how to add Facebook Comments to WordPress without a plugin, in 3 easy steps.

Here are some reasons why you might want to do that:

  1. Less additional code – With more and more plugins on your wordpress instalation you are adding more unnecessary code that may slow down your website. Less plugins you have the better, especially if you already have lots of plugins installed.
  2. It is more secure – Every time you add a plugin, you might open up to malware injections and hackers will exploit every security hole, espepcialy if the plugin is not up-to-date, and this can cause alot of problems for you. If you don’t trust the author, do not install that plugin. Research first if the plugin is trusted by others, of it has a good support community etc. NOT ALL PLUGINS ARE CERATED EQUAL.
  3. Fast and easy installation – The thing is that manualy setting up facebook comments is easier then you think and all it takes is a couple on minutes. See the proccess below.

 

STEP 1: The Setup of Facebook Comments

Go ahead to the official Facebook Comment developer page and setup your own settings. Type the path to your blog page ex: https://mywebsite.com/blog, insert the desired width (% – for responsive full width, px – for specific width), number of desired post, and hit “Get Code” to generate the code.

Your code will look like this

1
2
3
4
5
6
7
8
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Inside your WordPress Dashbord go to Appearance> Editor and look for the file header.php and right below the < body > tag, insert the generated facebook code.

For Divi and Extra Theme users: Go to Divi>Theme Options> look for the Integrations tab, Enable Body Code if you didn’t do that already and insert the code on the right of “Add code to the < body >”.

You can also achive this with FTP if you know your way around.

Note! – You should use a child theme.

STEP 2: Installing the Facebook Comment Code

Place the code below (or the oneyou got generated from facebook) where you want the comments to appear (usualy at the end of your posts). This code utilizes dynamic functions to make Facebook Comments unique for each page. You should look for single.php file to edit inside your theme/child theme folder.

1
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="5" data-mobile="Auto-detect" data-colorscheme="light" data-order-by="time"></div>

Here is an example where i’ve put the code for this blog

How to addFacebook Comments to WordPress without a plugin

To see the full list of display options and tags, visit the Facebook Comments settings.

STEP 3: Testing your setup

So you’ve got to this part of the tutorial. You’ve placed the two code in the right places, and now is time to check if your implementation works. Now you can visit a few of your blog posts to verify if everything is functioning and shows properly.

That is it!

Feel free to leave a comment and share with your friends.

How to extract the actual URl from the hyperlinks in Excel

How to extract the actual URl from the hyperlinks in Excel

To extract the actual URl from the hyperlinks in Excel (the url address), you will need to create a function in Visual Basic. Don’t worry, it’ actually less complicated then you think.

  • Press down ALT and F11 to open up the Microsoft Visual Basic for Applications.
  • Click Insert then go to Module and insert the code below inside the module window.
1
2
3
4
Function GetURL(pWorkRng As Range) As String
'Updateby20140520
GetURL = pWorkRng.Hyperlinks(1).Address
End Function

  • Save the code before you close the window.
  • Go back to your sheet and select a blank cell (where you want to display the URL) and type =GetURL(A1) formula.
  • Press Enter and you’ll be able to see the hyperlink address is extracted.

That’s it!

How to Redirect all HTTP requests to HTTPS with htaccess

How to Redirect all HTTP requests to HTTPS with htaccess

Access your website via FTP or via your server’s File Manager and search at the root of your WordPress instalation for the .htaccess file. Here you have 3 solutions to solve the same question:

How to redirect all HTTP request to HTTPS.

Before you edit the .htaccess file, I recommend to make a backup to be able to revert your changes (in case something goes wrong).

So here you go, copy and paste the code below in your .htaccess file, save it, and re-upload it.

Solution 1

1
2
3
RewriteEngine On<br />
RewriteCond %{HTTPS} off<br />
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

These lines of code will direct all HTTP requests to https://www.example.com as well as redirect https://example.com to https://www.example.com.

Solution 2

1
2
3
4
5
RewriteEngine On<br />
RewriteCond %{HTTPS} off<br />
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]<br />
RewriteCond %{http_host} ^example.com [NC]<br />
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

Solution 3

1
2
3
4
5
6
RewriteEngine On<br />
RewriteBase /<br />
RewriteCond %{HTTP_HOST} ^domain.com$ [OR]<br />
RewriteCond %{HTTP_HOST} ^www.domain.com$ [OR]<br />
RewriteCond %{HTTPS_HOST} ^domain.com$<br />
RewriteRule ^(.*)$ "https\:\/\/www\.domain\.com\/$1" [R=301,L]

Leave a comment with what worked for you. Go ahead and share if you have a different aproach.

How to display category description only on the first category page

How to display category description only on the first category page

If you have multiple categories that are paged on your blog, you may want to show the Category Description only on the first category page.

You may wonder how can I achive this.

It’s not that hard to do it as long as you follow the steps I provide.

  1. Connect to your FTP account and search inside your theme folder for the file archive.php. If it’s a premium theme, you should have one in you main theme folder or mabe other subfolder.
  2. Once you’ve identified the file, go ahead and download (to have a backup copy might be a good idea) and then open it up for editing.
  3. Now you’ve got to identify something similar to the code below and replace it with this one.
1
2
3
4
5
6
7
8
9
10
&lt;?php
if (is_category()) {
  $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
  if ($page == 1) {
    echo category_description();
//you don't need to include the category id on the actual
// category page - wordpress figures it out.
  }
}
?&gt;

And that’s it, pretty simple eh?

If you found this helpful please leave a comment and subscribe to my newsletter for all my latest content.