Site content not 100% aligned correctly

I have a wordpress site where the content isn't aligning 100% center on mobile. Its like the content is 5px to the right. It's bugging me. I've tried to find it in the css code, to no avail.

I have a wordpress site where the content isn't aligning 100% center on mobile. Its like the content is 5px to the right. It's bugging me. I've tried to find it in the css code, to no avail.

Website is fralinpickups.com

Here's a screenshot :

I've used div {margin:auto!important} and it fixes the problem, but creates new alignment issues on our home page.

div {margin:auto!important}


Wordpress child theme css does not override parent css

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

Here's what my child style.css looks like:

/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

This is my child functions.php file:

<?php
/*
 * ===== Theme Translation =====
 * Load the translations from the child theme if present
 */
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
    load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}

/**

  • ===== Loading Resources =====
  • Add all the extra static resources of the child theme - right now only the style.css file
    */

function mies_child_enqueue_styles() {
// Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
wp_enqueue_style( 'mies-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
);
}

add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );


Building Custom WordPress Sites from Scratch - WordPress Theme Development

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.

After watching this course you will have a solid understanding of how WordPress works and how to create your own custom theme in WordPress.

🔗 Design Source Code: https://github.com/Godsont/Responsive-Website-Design

🔗 Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/

⭐️ Contents ⭐️

⌨️ (0:00:00) Intro and Demo

⌨️ (0:00:55) Research & Planning

⌨️ (0:10:52) UI Design - The Front Page

⌨️ (0:27:47) UI Design - CSS

⌨️ (0:59:07) UI Design - JavaScript

⌨️ (1:05:11) UI Design - More Pages

⌨️ (1:20:43) PHP Basics

⌨️ (1:58:31) Installing WordPress locally

⌨️ (2:03:05) WordPress - style.css file

⌨️ (2:11:47) WordPress - linking CSS and JS

⌨️ (2:23:17) WordPress - Custom Post Type

⌨️ (2:33:31) WordPress - Template Hierarchy

⌨️ (2:43:29) WordPress - while loop

⌨️ (2:54:52) WordPress - the Front Page

⌨️ (3:11:44) WordPress - Blogs Index Page

⌨️ (3:26:42) WordPress - Single Post Page & Comments

⌨️ (3:52:59) WordPress - Sidebar & Search

⌨️ (4:14:35) WordPress - Contact Form

⌨️ (4:20:17) WordPress - Custom 404 Page

⌨️ (4:24:19) Finishing Up


Thanks for watching ❤

If you liked this post, share it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading

☞ The Web Developer Bootcamp

☞ Angular 8 (formerly Angular 2) - The Complete Guide

☞ The Complete JavaScript Course 2019: Build Real Projects!

☞ Modern React with Redux [2019 Update]

☞ Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

☞ Build Responsive Real World Websites with HTML5 and CSS3

☞ Build a Progressive Web App In VueJs

☞ Build Progressive Web Apps with React

☞ The State of Progressive Web Apps - The State of the Web

☞ A full-stack solution for fast PWA development

CSS Secrets for Beginners

Discover ten handy tips in ten minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.

Discover ten handy tips in ten minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.


Learn More

The Web Developer Bootcamp

☞ Build Responsive Real World Websites with HTML5 and CSS3

☞ Web Design for Beginners: Real World Coding in HTML & CSS

☞ How To Build A Captivating Presentation Using HTML, CSS, & JavaScript

☞ Building a Simple URL Shortener With Just HTML and Javascript

☞ HTML5 & CSS3 tutorial: From Beginner to Expert

☞ Learn HTML 5 Programming From Scratch - HTML 5 Tutorial for Beginners