Okay
  Public Ticket #2861010
Responsive page
Closed

Comments

  •  118
    Tuina_Simo started the conversation

    Hello,

    I would like to know if it is possible to make a change on my website page that will only appear on smartphone device and not on the laptop device.

    For my need, I would like to change the position of the 'Booking appointments' button only for the smartphone device (and keep it as it is now for the laptop device).

    If technically possible, please let me know how to ?

    Thanks and best regards,
    Simo


  •  1,710
    Barry replied

    Hi Simo,

    Unfortunately it is technically not possible to change the position of that button, this requires code customization of the template file. Code customizations are not covered by theme support.

    There is only one way to show a button on a different position within the header but it is a different approach. What you can do for example is adding a "QT: Button" widget to the header panel under Appearance -> Widgets and then hide that button for desktop screens only by adding the following CSS to Appearance -> Customize -> Additional CSS:

    @media (min-width:992px) {
        .header-widgets .widget-cta-button { display: none; }
        .header-widgets .widget:nth-last-child(2) { margin-right: 0; }
    }

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes