-
Hi Daniel!
I’m very glad to see you came back!
I’ve been using Enlightenment for a year with my custom CSS. But the vision of normal and mobile version is different.
Can I kindly ask you to inspect custom CSS and advise me what to change so both looks were identical.
Site: http://urdn.org/en/Thank you so much for such an excellent theme!!!
@media (min-width: 992px) {
.sidebar-full-screen .custom-query-slider .slide {
height: 450px;
}
}
@media (min-width: 992px) {
.navbar-large a.navbar-brand {
padding:16px 0;
}
@media (min-width: 992px) {
.navbar-large .nav>li>a {
font-size: 14px;
padding:30px 5px;
}
}
@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child {
margin-right:-45px;
}
}
@media (min-width: 768px) {
.navbar .nav>li>a {
padding-right:7px;
padding-left:5px;
}
}
@media (min-width: 768px) {
.mega-menu>.dropdown-menu {
padding:15px 5px;
}
}
@media (min-width: 768px) {
.mega-menu > .dropdown-menu {
min-width: 40%;
left: auto;
right: auto;
padding: 5px 5px;
}
.navbar a.navbar-brand {
letter-spacing: -0.5px;
}
.navbar .nav {
letter-spacing: -0.1px;
}
}
@media (min-width: 768px) {
.mega-menu>.dropdown-menu>li {
float:left;
margin-left:0px;
}
}
.navbar-default {
box-shadow:0 0 5px rgba(0,0,0,.25);
}
.site-footer {
background-color: #002B1D ;
text-align: center;
padding-bottom: inherit;
}
.site-footer .copyright {
border-top: 1px solid #969696;
padding-top: 10px;
}
.design-full-screen .site-footer .copyright {
border-top: none;
}
.sidebar-container {
background: none;
border-radius: none;
box-shadow: none;
}
.dropdown-menu > li > a:focus, a:hover {
color: #216e15;
}
.site-content .content-sidebar-wrapper {
box-shadow: none;
}
.archive-title .prefix {
display: none;
}
.navbar-large .sidebar-navbar {
margin: 27px 0 30px 35px;
}
.archive-title {
color: inherit;
background: whitesmoke;
opacity: 0.8;
}
.button, input, select, textarea {
font-size: 13px;
}
.caret {
margin-left:0;
}
.background-parallax:after {
background: rgba(0, 0, 0, .2);
}
.design-full-screen .custom-sidebar {
padding-top: 0px;
padding-bottom: 0px;
}
.design-full-screen .sidebar-header-secondary, .design-full-screen .sidebar-footer {
background-color: #e9f7e8;
}
#sidebar-header{
padding-top: 20px;
padding-bottom: 20px;
}
#sidebar-main-secondary{
padding-top: 10px;
}
#sidebar-footer{
padding-top: 20px;
padding-bottom: 20px;
}
.lang-item {
display: inline;
}
.sidebar-navbar {
margin:16px 0 20px 35px;
}.single .entry-title {
font-size: 36px;
}I’m not sure what you mean by “the vision of normal and mobile version is different” and how you’d like to make them identical. I visited both version; they both seem to function properly to me and could not spot any inconsistencies. They are not supposed to look identical, that’s the whole point of a mobile site.
Oh thank you!
This is really what I wanted to read. 🙂
When I wrote about identical appearance, I meant e.g. green footer on both versions or margins between blocks on the main page.
Nevertheless, those little inconsistencies (from my point point of view) so subtle that it’s not a point to worry about.
Pardon me for bothering you and have a good day!In order to preserve the footer background color across all devices you need to take the following rulesets out of any media query:
.design-full-screen .sidebar-header-secondary, .design-full-screen .sidebar-footer { background-color: #e9f7e8; } .site-footer { background-color: #002B1D; text-align: center; padding-bottom: inherit; }Currently they reside inside a
@media (min-width: 992px)media query.Additionally you may also want to add the following ruleset to keep proportions consistent:
.site-footer .copyright { border-top: 1px solid #969696; padding-top: 10px; } .home .content-sidebar-wrapper { display: none; }I couldn’t notice any other inconsistencies with the margins between the blocks on the main page.
You must be logged in to reply to this topic.