SKT header phone button move

[Jordi de Haan]

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?

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Brad

[Jordi de Haan]

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.

[Sonl Sinha]

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

[Jordi de Haan]

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.

[Sonl Sinha]

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

[Jordi de Haan]

Hi,

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

Regards,

Jordi

[Jordi de Haan]

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

Do you have CSS?

Thanks!

[Sonl Sinha]

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

[Jordi de Haan]

Perfect! Thanks. :)))))

[Sonl Sinha]

Hi,

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

Regards,
Brad

[Author]

Posts