Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #425102

    3 Questions:

    1. On the Products Page:
    Have been trying for hours to get the text on the Products page “Representing only the best” to be vertically centered when viewing on an iPhone or mobile phone.

    Have tried the following:
    @media only screen and (max-width: 518px) {#productsspecial .av-special-heading.av-special-heading-h2.custom-color-heading.blockquote.modern-quote.modern-centered.avia-builder-el-1.avia-builder-el-no-sibling {transform: translateY(-15px)!important;}}

    @media only screen and (max-width: 518px) {#productsspecial .av-special-heading-h2{transform: translateY(-15px)!important;}}

    @media only screen and (max-width: 518px) {#productsspecial .av-special-heading .av-special-heading-h2 .custom-color-heading .blockquote .modern-quote .modern-centered .avia-builder-el-1 .avia-builder-el-no-sibling {transform: translateY(-15px)!important;}}

    —————————————————
    2. On the People Page:
    How can I remove the artistic elements (the little circle and line elements) on mobile only.

    —————————————————
    3. On the News Page:
    How can I make the blue buttons be centered on mobile only.

    Really appreciate it!

    #425698

    Hey EMS4HIM!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
    .avia-builder-el-1 .av-special-heading-tag{
    padding-bottom:20px !important;
    }
    
    .page-id-10 .hr-left, .page-id-10 .hr-right{
    display:none !important;
    }
    
    .avia-button-wrap, .avia-button-left, .avia-button-right{
    width:100% !important;
    }
    
    a.avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-medium.avia-position-left, a.avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-medium.avia-position-right{
    float:none !important;
    }
    }

    Cheers!
    Rikard

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