Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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, 9 months ago by stigrs87.
    #1275957

    Hey 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 Shannon

    #1276019

    Putting the code at the very top worked 👍🏻 Thank you!

    #1276141

    Hi 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,
    Victoria

    #1276266

    Hi 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;
       }
     }
    #1277328

    Hi,

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.