Last update broke mobile banner
-
Hi! Im trying to fix that the main banner of my site was broken since I updated the theme. If you look the mobile version you are gonna see that the Main Banner is now displayed and not working as it was before. Can you help me?
The page I need help with: [log in to see the link]
-
Im adding this screenshot to show how is now: https://ibb.co/jrzWPJ2
and this is used to look before the update: https://ibb.co/h7ghnyk
thanks!
Hello,
Thanks for using our Theme.
Could you please check once deactivating the active plugins, and cache plugins if you have used them?Thank you
Thanks for the quick reply, we already deactivate all the plugins but the problem persists, also in the same navigation page if we are logged in to the plataform the banner looks good, but for all out visitors still showing broke, also the site has aditional CSS, can you tell me if any of that maybe is generating some kind of problem with the update?
Here is the aditional CSS:
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Roboto:wght@100;300;400&display=swap'); @media only screen and (max-width: 500px) { p { text-align: justify; !important } } @media only screen and (min-width: 1600px){ .main-navigation .menu ul li a { display: block; padding-top: 10px; padding-right: 15px; font-size: 0.9em; text-decoration: none; padding-bottom: 15px; font-family: 'Roboto'; } } h1.site-title.font-family-1 { display: none; } p.site-title.font-family-1 { display: none; } p.site-description { display: none; } body { background-color: #f5f5f5; } .anuncios { display: none; } h3.article-title.article-title-1 a { color: #404040; } a { color: #404040; } .slider-figcaption a, .slider-figcaption a:hover, .slider-figcaption a:focus, .slider-figcaption a:visited { color: #fff; } /*CONTACTO*/ .box-contacto-1 span { line-height: 1.5; } .box-contacto-1 { min-height: 205px; background: #1f228a; border-radius: 10px; line-height: 1.5; display: flex; flex-direction: column; align-content: center; justify-content: center; } .box-contacto-2 span { line-height: 1.5; } .box-contacto-2 { min-height: 205px; line-height: 1.5; background: #4aad5a; border-radius: 10px; display: flex; flex-direction: column; align-content: center; justify-content: center; } .box-contacto-3 span { line-height: 1.5; } .box-contacto-3 { min-height: 205px; line-height: 1.5; background: #F94D44; border-radius: 10px; display: flex; flex-direction: column; align-content: center; justify-content: center; } /*--------------*/ img.qrwsp { padding: 5px; background: white; width: 50px; height: 125px; } span.audio-text { font-family: 'Roboto'; font-style: italic; font-size: 0.9em; margin-top: 5px; } h2.widget-title.widget-title-1 { display: none; } a.tag-cloud-link { color: black; } textarea.wpcf7-form-control.wpcf7-textarea { color: #363636; font-weight: 300; height: 100px; padding: 10px; } .staff-footer a { color: white; font-family: 'Roboto'; } @media only screen and (min-width: 600px) { .search-form label .search-field { height: 30px; border: none; width: 200px; margin-right: 30px; } .af-search-form { width: 230px; !important } } @media only screen and (min-width: 700px) { form.search-form { position: relative; bottom: 43px; right: 10px; } .af-search-form { box-shadow: none; width: 230px !important; background: none !important; } .search-form .search-submit { display: none; } .search-form label .search-field { height: 30px; border: none; width: 200px; margin-right: 30px; } input.search-field { font-size: 0.9em; font-weight: 500; } input[type="search"]:focus{ color: #f1534c; outline: 0px solid; } } /*Contact form*/ .wpcf7-not-valid-tip { color: white; background: #cd201f; padding: 8px; } input.wpcf7-text { padding-left: 10px; border-color: #d1d1d1; font-weight: 300; } textarea.wpcf7-form-control.wpcf7-textarea { color: #363636; font-weight: 300; padding: 10px; } label { display: inline; color: #f1554c; transition: 1s; font-family: 'Roboto'; font-weight: 400; } input.wpcf7-form-control{ width: 100%; } input[type="submit"]{ background: #2a3a97; color: #fff; float: right; border-radius: 5px; width: 250px; font-family: 'Roboto'; } /*Newsletter*/ div#formbox_screen_subscribe_WE367 { background: #f03f37; } input[type="text"]:focus{ color: grey !important; } /*--------------*/ p.email-marketing-by-b { display: none; } h3.article-title.slide-title { font-weight: 700; } .icono:first-child { margin-left: 0px; } /*Slider Logos Radios*/ .slick-dots { display: all !important; } h1.entry-title { font-family: 'lora'; font-weight: 500; color: #f2736d; } /*Principal*/ /*Fuentes*/ h1.entry-title { font-family: 'lora'; font-weight: 500; } span.header-after { font-weight: 500; } h1.page-title, h2.section-title { font-family: 'Lora'; font-weight: 400; } .post-description { font-family: 'Roboto'; } h3.article-title { font-family: 'Lora'; font-weight: 700; } h3.article-title.article-title-1 { font-weight: 700; } h4 { font-family: 'Lora'; font-weight: 100; } p { font-family: 'Roboto'; } h3.article-title.article-title-1 { font-family: 'Lora'; } h3.article-title.article-title-2 { font-weight: 700; } /*----*/ :root { --color-prin: #2a3a97; } /*----*/ @media (min-width: 1600px){ .container { width: 100%; max-width: 1400px; } } /*HEADER*/ .masthead-banner { background: white; } span.header-after { font-family: 'Roboto'; } .fila-1 { display: flex; } .staff a { color: #f03f37; } .staff { font-size: 1em; color: #f03f37; font-family: 'Roboto'; } .social-navigation { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; } .caja-icono { display: flex; } .icono { width: 30px; border: 1px solid #a3a3a3; border-radius: 100%; margin: 5px; margin-right: 5px !important; } .icono:last-child { margin-right: 0px; } .af-main-banner-latest-posts.grid-layout { margin-top: 2em; border-top: 1px solid #d5d5d5; } .col-md-4.colright { margin-top: 10px; display: flex; justify-content: flex-end; } .trending-story .figure-categories .cat-links a.covernews-categories { color: #2a3a97; } #secondary .widget-title span:after { background: #2a3a97; } .article-title a:hover { color: #4aae5a !important; } .wp-block-tag-cloud a, .tagcloud a { font-size: 13px !important; text-transform: inherit; line-height: 14px; border: 1px solid; padding: 5px 12px; margin-bottom: 5px; display: inline-block; } .cart-search { height: 35px; } .exclusive-posts .exclusive-now { background: #4aae5a; font-family: 'Roboto'; } .exclusive-slides a:hover { color: #FB453C !important; } .audio { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .btn-masnoti { padding: 15px; background: #4aae5a; width: 150px; display: inline; color: white; border-radius: 4px; font-weight: 700; } span.audiotext { padding-top: 4px; color: #f15850; font-size: 0.9em; } .buscador-nav { width: 300px; display: block; float: right; margin: 10px 0 10px 0; } .search-form label .search-field { height: 30px; border: none; } /* nav#site-navigation { height: 50px; display: flex; flex-direction: row; justify-content: center; } .af-search-form { padding: 0; top: 4px !important; right: 30px; background: none!important; }*/ .search-icon:focus-within { outline: none; } .main-navigation .menu ul.menu-desktop > li > a { display: block; padding-top: 10px; padding-right: 15px; font-size: 0.9em; text-decoration: none; padding-bottom: 15px; font-family: 'Roboto'; } .top-masthead, .top-masthead a { display: none; } .masthead-banner { padding: 2px; } .masthead-banner .col-md-6 { display: flex; justify-content: flex-end; } img.custom-logo { width: 180px; } .masthead-banner.data-bg { padding: 10px; position: relative; } .figure-categories .cat-links li { text-transform: uppercase; } span.trending-no{ background: var(--color-prin); } .secondary-color{ background: var(--color-prin); } span.header-after:after{ background: var(--color-prin); } .figure-categories .cat-links a.covernews-categories { background-color: var(--color-prin); } .tagcloud a:hover{ background: var(--color-prin); } .em-post-format i{ background: var(--color-prin); } .main-navigation { background: var(--color-prin); } .af-search-form { background: #60b86e; padding: 10px; } .search-form .search-submit { height: 30px; background: #2a3a97; border-radius: 0 4px 4px 0px; } .banner-sec { margin-top: 1em; margin-bottom: 1.5em; } /*--*/ /*Banner publicitario*/ .banner-sec img { width: 100%; } /*--*/ /*MICRORADIAL*/ aside#secondary { margin-top: 10px; } a b.micro { color: #4aae5a; } .micro-radial {display: block; min-height: 350px; text-align: center; background-image: url(https://ansol.com.ar/wp-content/uploads/2021/10/Banner_micro-scaled.jpg); background-size: cover; background-position: center; background-color: #aac7ff; padding: 15px; } .micro-radial h3 { color: #FFF; font-size: 24px; padding-top: 1.5em; } .micro-radial.textwidget { border: 1px solid #FFF; padding: 42px; } .micro-radial p { color: #FFF; margin: 10px 0 0 0; } .micro-radial ul li { margin-bottom: 11px; display: inline-block; margin-right: 10px; margin-left: 10px; } .micro-radial ul li img { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .mg-sidebar .mg-widget ul li { width: 50%; display: contents; } .icon-w { width: 30px; margin: 10px; } b.micro { color: orange; } .cont-icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; padding: 5px; margin-bottom: 1.5em; } /*--*/ /*FOOTER*/ .site-footer { background: #49AD59; } .site-info { background: #487c5e; padding: 20 px 0; text-align: center; } .primary-footer { padding-top: 30px; padding-bottom: 15px; } .textfooter { font-size: 1em; } .textfooter a { color: #4aae5a; } .primary-footer-area h2 { color: white; } /*-- input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #fff; } --*/ /*Version MOBILE*/ @media only screen and (max-width: 700px) { .col-md-4.content-mr { display: none !important; } a.search-icon { margin-top: 20px; } .search-form .search-submit { height: 50px; background: #2a3a97; border-radius: 0 4px 4px 0px; } .search-form label .search-field { height: 50px; border: none; } .widget { background: #FFFFFF; }
- The topic ‘Last update broke mobile banner’ is closed to new replies.