SKT header phone button move

Home Forums Gym Master Theme Support SKT header phone button move

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #173006
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    Hi,

    The .skt-header-phone button moves on the mobile website when I put some CSS on my new website logo.
    The CSS code for my logo is:

    .logo img {
    width: 220px!important;
    margin-top: 22px;
    }

    When I delete this CSS the header phone button is on the right place.
    But the CSS is important because the logo is to big, and after the CSS he has a perfect size.

    How can I move the button with a CSS code?

    #173029
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30575
    • Total: 30575
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Brad

    #173030
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    www.jordidehaan.nl/

    on the desktop version it is perfect. But the mobile version isn’t responsive.
    With Google chrome on iphone 11 the button is in the middle of the page.

    #173040
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30575
    • Total: 30575
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    #simple-menu { margin-bottom:0 !important;}
    .skt-header-phone {
        margin: 0 0 40px !important;
        float: right !important;
        left: auto !important;
        right: 0 !important;
    }
    }

    Regards,
    Brad

    #173041
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    Thanks for the fast response.

    But he is only moved to the right side of the screen. I want him like this: https://sktthemesdemo.net/gym_master/

    I hope you can help me again.

    #173070
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30575
    • Total: 30575
    Member since: August 16, 2013

    Hi,

    We have checked. The skt-header-phone button looks fine. Like the demo.

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Brad

    #173074
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    Hi,

    My roomie fixed it yesterday in the evening. Now it’s fine. But thanks for the help.

    Regards,

    Jordi

    #173076
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    But I prefer to have it like this: https://ibb.co/DVGFPsv on every mobile device.

    Do you have CSS?

    Thanks!

    #173082
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30575
    • Total: 30575
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

    @media screen and (min-width:414px) and (max-width:767px) {
    	.skt-header-phone {
        top: 25px !important;
        margin-bottom: 40px !important;
        padding: 10px 15px !important;
        font-size: 16px !important;
    }
    }

    Regards,
    Brad

    #173099
    Jordi de HaanJordi de Haan
    Participant
    • Topics: 4
    • Replies: 17
    • Total: 21
    Member since: November 26, 2020

    Perfect! Thanks. :)))))

    #173179
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30575
    • Total: 30575
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

    Regards,
    Brad

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