Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

⚡ Please remove unnecessary styles that override the behavior of .entry-title #220

Open
vovkasolovev opened this issue Jul 21, 2022 · 0 comments

Comments

@vovkasolovev
Copy link

After updating to 2.6.1, the theme now has a style that introduces a limit (max-width) and a middle alignment ( margin-right: auto; margin-left: auto;) for different screen widths for some elements. This is especially problematic with .entry-title, when it should be aligned to the left edge of the container.

These styles are not needed in a clean theme, and override the design created on this theme before, when these styles did not exist.

Such specifics should be defined by the author of the site. These styles should not be there:

.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

@media (min-width: 1200px)
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	max-width: 1140px;
}

@media (min-width: 992px)
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	max-width: 800px;
}

@media (min-width: 768px)
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	max-width: 600px;
}

@media (min-width: 576px)
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	max-width: 500px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant