So this is my [site](http://yogaexpertana.great-site.net/?i=3) and since this is a personal project I want to make some changes and wrap up with the project.
Now on desktop view the site is alright but when making changes for the mobile view using custom css using mobile queries many of them are not being applied after saving changes(I added !important). Now I don’t know if there is problem with the code or something. That’s why asking the experts here.
i need help with the following things:
1. In the hero section the shop button is not aligning to center no matter what code I apply.
2. Same with the “why choose us”. The items are not aligning to center despite trying everything
3. I want the signup form to have the full width touching upto the screen borders
4. I have made two section for the footer content in desktop mode and want the same view in mobile screen but they just slide down
Remarks:
-Now I could have solved many of this issue with visual editor options but I want some aspects to be different in mobile view.
-Now by justifying items/content to center I mean the container should be centered but the text and logos should be aligned towards the left.
-If anyone needs I can provide the image of additional css but it would be very confusing to know which class is targeting which content.
[ad_2]
It’s hard to diagnose without looking at code but my hunch is you need better specificity when defining your classes.
In case this is new to you:
rule 1: `article p a { … `
rule 2: `body > article > p a { …`
These two classes are the same (in theory), but the 2nd will override the 1st because it is more specific in targeting its element(s).