-
AuthorPosts
-
January 27, 2021 at 4:36 pm #1275827
Hi!
I have added this to my site.@media only screen and (max-width: 760px) { .avia-team-member .team-member-name { font-size: 15px !important; }}
This only work on my desktop browser (Chrome) and is not adjusting on my moblie browsers (Chrome and safari)
What could be the problem?- This topic was modified 3 years, 11 months ago by stigrs87.
January 28, 2021 at 5:58 am #1275957Hey stigrs87,
Did you add the code to the very top of quick css so it runs first? Also clear the mobile cache a few times over.
Best regards,
Jordan ShannonJanuary 28, 2021 at 10:35 am #1276019Putting the code at the very top worked 👍🏻 Thank you!
January 28, 2021 at 9:19 pm #1276141Hi stigrs87,
Please check your css below it, there might be errors there.
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaJanuary 29, 2021 at 10:14 am #1276266Hi Victoria, could you look throught my custom css and see if you can spot something?
@media only screen and (max-width: 760px) { .avia-team-member .team-member-job-title { font-size: 11px !important; } .avia-team-member .team-member-name { font-size: 15px !important; }} .avia-content-slider .slide-entry-title { font-size: 14px!important; } .html_elegant-blog .av-vertical-delimiter { display: none !important; } .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title { text-transform: none; } /*Team member text center*/ .avia-team-member { text-align: center; } /*Farger på tab - listing av utstyr*/ div .main_color .tabcontainer .active_tab { background-color: #eb5a14; color: #ffffff !important; outline: none !important; } .tabcontainer .tab { outline: none !important; color: #707070 !important; font-size: 13px !important; font-weight: 1000; !important; } /*Fjerne dato i masonry*/ span.av-masonry-date { display: none!important; } /*Sentrere logo i midten vertikalt*/ .header_color img { margin-top: 5%; margin-bottom: 5px; } #header.header_color.header-scrolled img { margin-top: 0px; } /*Farge på bakgrunn tabs*/ .av-tab-section-inner-container { background-color: #ffffff !important; } /*Farge på pil i tabs*/ .av-tab-arrow-container span { background-color: #eb743d !important; } /*Logo på mobil størrelse*/ @media only screen and (max-width: 1016px) { .responsive #top #wrap_all .logo a img { max-width: 90%; } } #layer_slider_2.avia-shadow { padding-bottom: 0px; padding-top: 2px; } /*Skifte bakgrunn teammember*/ .avia-team-member .team-social { background: transparent; border: none; } /*Container width på referanser */ .page-id-2074 .container { max-width: 1600px; } /*---------------------------------------- // CSS // Toggle Columns //--------------------------------------*/ @media only screen and (max-width:767px) { .page-id-74 .av_one_fifth { width:32%!important; clear: none !important; float: left; min-height: 250px; margin-left:1%!important; height: 260px; } } #top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child { border-left: none !important; border-right: none !important; } /* //Sentrere bilder i galleri */ #top div .avia-gallery img { left: 50%; float: none; position: relative; display: block; top: 50%; transform: translate(-50%, -50%); } #top .avia-gallery .avia-gallery-thumb a { position: relative; } /*Tabs meny på mobiler*/ @media only screen and (max-width: 760px) { .av-layout-tab-inner .one_sixth #attachment_5233.wp-caption { width: 100% !important; } .av-tab-section-inner-container { width: 500vw; justify-content: space-between; display: flex !important; } .av-tab-section-outer-container:after { content: '\e879'; font-family: 'entypo-fontello'; font-size: 50px; position: absolute; top: 50px; z-index: 1000; right: 1px; } /*Fjernet venstre pil*/ /* .av-tab-section-outer-container:before { content: '\e878'; font-family: 'entypo-fontello'; font-size: 50px; position: absolute; top: 50px; z-index: 1000; left: 1px; } */ } /* // Animere tabs menyer */ .tab_content { opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .tab_content.active_tab_content { opacity: 1; } /* // Masonry på Salg/Produktleverandører - Størrelse på bilder */ @media only screen and (min-width: 767px) { .responsive.html_stretched #masonry_forhandlere .av-masonry-entry{ width:11% !important; padding-left: 10px !important; } }
February 3, 2021 at 12:18 pm #1277328Hi,
You had an error in your custom CSS code. I fixed it. Please replace your code with this one – https://pastebin.com/EXPu1rsT
Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.