Reply To: Envy Blog Problems reports and suggestions

Premium WordPress Themes Forums Envy Blog Envy Blog Problems reports and suggestions Reply To: Envy Blog Problems reports and suggestions

#10580
Pete
Participant

Here is my fixed code. i hope it will helps your theme.
(I am not a web programmer, so it may not perfect, I just want you to refer to it!…)
###########################################################################################################
# child-custom.js #
###########################################################################################################
(function($) {
‘use strict’;

$(window).on(‘load resize’, function() {
var wpadminbarHeight = $(‘#wpadminbar’).outerHeight();

// When wpadminbar is exist, fix wpadminbar covering header issue with considering mobile screen mode
$(‘#wpadminbar’).css(‘position’, ‘fixed’);
$(‘.logged-in.admin-bar .nav-bar.is-sticky’).css(‘top’, wpadminbarHeight + ‘ !important’);
$(‘.logged-in.admin-bar .nav-bar:not(.is-sticky)’).css(‘margin-top’, wpadminbarHeight);

// When the screen is smaller than 992 and then bigger than 992 on desktop, fix the header covers the screen bug
if($(window).width() > 992) {
$(‘.main-navigation-wrap.main-navigation-sm’).css(‘height’, ‘auto’);
}
});
})(jQuery);
###########################################################################################################
# child-style.css #
###########################################################################################################
/*————————————————————–
# Font
————————————————————–*/
@import url(‘https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean’);
/*————————————————————–
# Tag
————————————————————–*/
* { box-shadow: none !important }
*:not(i):not(span) { font-family: ‘Nanum Gothic’ !important }
a.btn.underline { padding: 8px 0 }
pre {
border-radius: 10px;
text-align: left
}
/*————————————————————–
# Container
————————————————————–*/
.container .has-full-width { padding: 0 }
/*————————————————————–
# Header
————————————————————–*/
.nav-bar:not(.nav-bar-show) { background: rgba(255, 255, 255, .85) }
.nav-bar .site-branding img {
margin: 15px 0;
max-width: 180px
}
/*————————————————————–
# Search Close Button
————————————————————–*/
.logged-in.admin-bar .nav-bar-search-close .pt-icon-close { top: 62px !important }
.nav-bar-search-close .pt-icon-close {
bottom: 0;
left: 100%;
margin-left: -72px;
top: 30px
}
.nav-bar-search-close .pt-icon-close:hover { color: #f1f2f6 }
/*————————————————————–
# Page Header
————————————————————–*/
.page-header {
background: transparent;
text-align: center
}
.page-header figure img {
background-color: #f1f2f6;
border-radius: 50%;
opacity: 1
}
.page-header .page-title{ font-size: 18px }
/*————————————————————–
# Archive Title
————————————————————–*/
.page-header-content .page-title label span {
background: #ffffff;
border: 2px solid #3a3b3c;
color: #3a3b3c;
font-weight: bold
}
/*————————————————————–
# Post&Page Content
————————————————————–*/
.page-content .entry-content,
.post-content .entry-content {
margin: 45px auto;
max-width: 720px;
padding: 15px
}
.post-content .entry-meta {
padding: 15px
}
.post-content .entry-meta > * {
margin: 5px
}
.page-content .edit-link,
.post-content .edit-link {
display: block;
margin: 15px
}
.page-content .entry-social-share .social-share-wrap li a:hover,
.post-content .entry-social-share .social-share-wrap li a:hover {
background: transparent;
color: #e8eced
}
/*————————————————————–
# Search Result
————————————————————–*/
.search-results .content-wrap { margin-top: 0 }
/*————————————————————–
# Comment
————————————————————–*/
.comments-area { padding: 10px }
.comments-area .comments-title {
border-bottom: 1px dashed #e8eced;
color: #2d3436;
padding: 25px 0
}
.comment-list li .children { margin-left: 15px }
.comment-list ol,
.comment-list ol ol {
margin: 0
}
.comments-area .comment-list .comment .comment-body {
border-bottom: 1px dashed #e8eced;
padding: 15px
}
.comments-area .comment-list .comment .comment-body .comment-meta .comment-author img {
background-color: #f1f2f6;
border-radius: 50%
}
.comments-area .comment-list .comment .comment-body .comment-meta .comment-author .says { display: none }
.comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata time { color: #636e72 }
.comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata .edit-link a {
color: #636e72;
margin-left: 5px;
padding-left: 10px
}
.comments-area .comment-list .comment .comment-body .reply {
bottom: 0;
position: relative
}
.comments-area .comment-list .comment .comment-body .reply a { color: #636e72 }
.comments-area .comment-respond {
border-radius: 10px;
margin: 15px 0
}
.comments-area .comment-respond .comment-reply-title small a {
color: #636e72;
font-size: 15px;
margin-left: 5px;
padding-left: 10px
}
.comments-area .comment-respond .comment-form label { padding: 15px 10px }
.comments-area .comment-respond .comment-form input:not([type=’checkbox’]),
.comments-area .comment-respond .comment-form textarea {
background: #fafafa;
border: none;
border-radius: 10px;
padding: 12px 10px;
resize: none;
width: 100%
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent { display: none }
.comments-area .comment-respond .comment-form .form-submit { margin-left: 0 }
.comments-area .comment-respond .comment-form .form-submit input[type=”submit”] {
background: #f1f2f6;
border-radius: 10px;
color: #636e72
}
.comments-area .comment-respond .comment-form .form-submit input[type=”submit”]:hover {
background: #636e72;
color: #f1f2f6;
transition: .5s
}
/*————————————————————–
# Widget
————————————————————–*/
.widget-area .inner-wrapper-sticky,
.widget-area .search-field,
.widget-area .search-submit {
width: 100%
}
.widget-area .widget .widget-title {
border-bottom: 1px dashed #e8eced;
padding: 15px
}
/*————————————————————–
# Media Frame Player
————————————————————–*/
.mfp-container.mfp-iframe-holder .mfp-iframe-scaler button:hover {
background: transparent;
color: #f1f2f6
}
/*————————————————————–
# Responsive Style
————————————————————–*/
@media screen and (max-width: 576px) {
.container,
.nav-bar,
.main-navigation-sm ul,
.secondary-navigation-sm ul {
padding: 0 30px
}
.related-posts article:not(:last-child) { margin-bottom: 30px }
}
@media screen and (min-width: 769px) {
.nav-links { word-break: keep-all }
.nav-links>div { width: 50% !important }
.nav-links>.nav-next:only-child { margin-left: 50% }
}
###########################################################################################################