Okay
  Public Ticket #3122858
Increase Width on Mobile Devices
Closed

Comments

  •  4
    Neil Schneider started the conversation
    September 11, 2022 at 8:56pm

    I'm wondering if there is an easy setting for this.

    I like the sidebars in Desktop format.  However, on smartphones, it would be better if the sidebars weren't there at all.  Is there an easy way to turn off those sidebar graphics for mobile devices so they get all the horizontal space for the page itself?

  •  1,882
    Judith replied
    September 12, 2022 at 2:57am

    Hello Neil,

    Thanks for keeping in touch.

    Please send us the URL with the pages having the sidebars so that we can check this out.

    Thanks.

  •  4
    Neil Schneider replied
    September 12, 2022 at 2:59am

    Anything at http://www.tifca.com.

  •  1,882
    Judith replied
    September 12, 2022 at 3:19am

    Hello Neil,

    Please try this css:

    @media only screen and (min-width: 1px) and (max-width: 999px){
    #page-header-wrap[data-parallax="1"] .page-header-bg-image-wrap .page-header-bg-image, .wpb_row.parallax_section .row-bg.using-image {
        display: none;
    }
}

    Thanks.

  •  4
    Neil Schneider replied
    September 12, 2022 at 3:30am

    I think I may have a syntax error because "@page-header-wrap" is red.  Did I do this right/wrong:


    -----

    .center-btn {
    margin: 0 auto;
    display: table;
    }
    body .fa.fa-linkedin:before {
        content: "\e605";
    }
    @media only screen and (min-width: 690px) and (max-width: 999px) {
        .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content {
            padding: 0 20px !important;
        }
        .swiper-slide .content h1 {
            font-size: 34px !important;
            line-height: 42px !important;
        }
    }
    @media only screen and (min-width: 1px) and (max-width: 999px){
    #page-header-wrap[data-parallax="1"] .page-header-bg-image-wrap .page-header-bg-image, .wpb_row.parallax_section .row-bg.using-image {
        display: none;
    }
    }

    -----

  •  1,882
    Judith replied
    September 12, 2022 at 3:45am

    Hello Neil,

    There code is ok.

    .center-btn {
    margin: 0 auto;
    display: table;
    }
    body .fa.fa-linkedin:before {
        content: "\e605";
    }
    @media only screen and (min-width: 690px) and (max-width: 999px) {
        .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content {
            padding: 0 20px !important;
        }
        .swiper-slide .content h1 {
            font-size: 34px !important;
            line-height: 42px !important;
        }
    }
    @media only screen and (min-width: 1px) and (max-width: 999px){
    #page-header-wrap[data-parallax="1"] .page-header-bg-image-wrap .page-header-bg-image, .wpb_row.parallax_section .row-bg.using-image {
        display: none;
    }
    }

    Please send in your admin login credentials so that I can check this out.

    Thanks.

  •   Neil Schneider replied privately
  •  1,882
    Judith replied
    September 12, 2022 at 5:49am

    Hello Neil,

    I am afraid we don't send personal emails, however to help you, I am going to ticket private which makes this information here confidential.

    Thanks.