Site logo

Archived topic

line header problem

5 replies · Started by francesco on March 7, 2022

Viewing posts 1–6 of 6

Hello,

This line appeared to me. could someone tell me if it's the fault of some css?

/* GeneratePress Site CSS */

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
}

.mc4wp-form-fields input[type="email"] {
	margin-bottom: 10px;
	width: 100%;
}

.archive.category .site .inside-article, .blog .site .inside-article{
    background-color: #ffffff;
}

.entry-meta .byline a {
    color: #26a9d8;
}
.entry-meta span a {
    font-size: 18px;
}

.main-navigation:not(.toggled) li.menu-social > a,
.main-navigation:not(.toggled) li.search-item > a{
	padding: 0 10px;
}

.no-sidebar .entry-content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.page.no-sidebar .entry-title {
	text-align: center;
}

.top-bar .lsi-social-icons a,
.top-bar .lsi-social-icons a:focus,
.top-bar .lsi-social-iconsa:active,
.top-bar .lsi-social-icons a:hover{
    background: transparent !important;
}

.masonry-load-more {
    text-align: center;
}
.top-bar .lsi-social-icons li {
	margin-bottom: 0 !important;
} /* End GeneratePress Site CSS */

/*
 * Style Featured Posts on Home page
 * **********************************/

/* shadow style images */
.home .wp-show-posts-inner .wp-show-posts-image.wpsp-image-left img {
	box-shadow: 0px 2px 22px -6px rgba(0,0,0,0.5);
}

/* post title spacing */
.home .wp-show-posts-entry-header {
	margin-bottom: 0.25em;
}

/* adjustments for tablets */
@media all and (max-width:1023px) {
	.home .wp-show-posts-inner .wp-show-posts-image.wpsp-image-left {
	}
}

/* adjustments for mobile */
@media all and (max-width:767px) {
	.home .wp-show-posts-inner .wp-show-posts-image.wpsp-image-left {
	}
}

/* Related News after posts */
@media all and (min-width:768px) {
	#wpsp-1152.wp-show-posts-columns .wp-show-posts-inner {
		margin-bottom: 15px !important;
        overflow: hidden;
	}
}

.wp-show-posts-image a img {
    border-radius: 4px;
}

@media (max-width:768px) {
    article.wp-show-posts-single.post.type-post .wp-show-posts-inner {
      display:flex;
      flex-direction:row;
    }
    
    article.wp-show-posts-single.post.type-post .wp-show-posts-inner>*:last-child {
      flex:1 0 60%;
      padding-left:10px;
       
    }
    article.wp-show-posts-single.post.type-post .wp-show-posts-inner {
      display:flex;
      align-items:flex-start
    }
}

/* 
 * Sidebar 
 * *********************/
.widget-area.sidebar .rpwwt-widget ul li a {
    color: var(--contrast-2);
}

/* 
 * Style FluentForm in footer
 * ******************************/

.site-footer .fluentform form {
	display: grid;
	grid-template-columns: 3fr 1fr;
}

.site-footer .fluentform .ff-el-group:not(.ff_submit_btn_wrapper) {
	padding: 0;
	margin: 0;
	display: block;
	border: 0;
}

.site-footer .fluentform .ff-el-group.ff_submit_btn_wrapper {
	padding: 0;
	margin: 0;
	display: block;
}
.site-footer .fluentform .ff-el-group.ff_submit_btn_wrapper button {
	width: 100%;
}

.site-footer .fluentform .ff-el-group input, 
.site-footer .fluentform .ff-el-group button {
	font-size: 1rem;
	border: 0;
	margin: 0;
	padding: 10px 20px;
}

.site-footer .fluentform .ff-el-form-control {
	background-color: #162933;
	border: 0;
	border-radius: 0.5em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.site-footer .fluentform .ff-el-form-control:focus {
	color: var(--contrast);
	background-color: var(--base);
}

.site-footer .fluentform .frm-fluent-form .ff-btn-submit {
	background: var(--accent);
	color: var(--contrast);
	font-weight: bold;
	border: 0;
	border-radius: 0.5em;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.rpwwt-widget ul li {
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

@media(min-width: 769px) and (pointer: fine) {

    .paging-navigation p a:hover,
    h2.wp-show-posts-entry-title a:hover,
    div#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a:hover,
    .generate-columns-container article.post:hover h2 {
        text-decoration: underline;
    }

}

@media (min-width: 1025px) {
    form.search-form.navigation-search.nav-search-active {
        width: 30%;
        transform: translateX(-50%);
        left: 50%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
        form.search-form.navigation-search.nav-search-active {
        width: 35%;
        transform: translateX(-50%);
        left: 50%;
    }
}

Hi there,

none of that CSS would cause that, and i can also say that the line is not visible on any of my browsers/devices.

Looks more like a rendering issue with your phones browser.

microsoft edge?

Might be worth asking a friend to check on their phone - do they see the same issue ? IF they do not then you know it is something on your device.

One thing you can try is to go to Customizer > Layout > Header and add a little top padding, this may help

Unfortunately it does not change.

Even with the normal tasty theme the result does not change.

Hi there,

I don't see the issue on my iPhone, have you tested on actual mobile devices?

Let me know :)

This archived topic is closed to new replies.