Bootstrap 4 Navbar – align brand to your left and all the navbar-items to right
If you want to align brand to your left and all the navbar-items to right, change the default mr-auto to ml-auto
<ul class="navbar-nav ml-auto">
Similar Posts
How to Style Your Divi Blog Page into Two-Column Grid Layout
Add a Standard Section and insert a fullwidth column. Click to edit the Section Settings and, under General Settings, change the following: Under Custom CSS add the following: CSS Class: tr_two_col Save & Exit Implementing the Two-Column Grid Layout By default, the blog grid has a three-columnn grid layout. To change this to a two-column…
![Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]](https://blog.tawfiq.me/wp-content/uploads/2017/11/Use-Different-Logo-on-a-Fixed-Header-in-Divi-Theme-768x292.png){kind=logo}
Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]
Make two versions of your logo that are both 200×131 and add them to your WordPress Media library. One logo will be used for the main header and one will be used for your fixed header. Insert CSS Snippet to Switch Logo on Fixed Header One of the simplest ways to switch your logo image…
How to change all 404 to 410 error code in WordPress
If you want to change all 404 error of your WordPress website into 410 error statues then just add this code before the get_header(); in you 404.php template Hope it helps. Reference: stackoverflow.com
How to take full-page screenshots using Firefox build-in Web Development Tool
You can take a full page screen shot of any live website using Firefox build-in Web Development Tool. No need to install add-on or third party apps. If past and works well. Go to Tools > Web Developer > Developer Toolbar, then type screenshot –fullpage That’s it.
How to center align the submit button on the Divi Contact Form Module using Flex
Divi does use the flex property for contact module Submit button (as you can see in the image below) you can center align the button very easily. We need to remove the float and horizontally center the button. Flex uses the justify-content property to align the flex items at the center of the container. or…