Agency theme: Buttons, hamburger menu issues

[Ruheene Jaura]

Hi,

Hoping you can help me fix the following 2 issues on the mobile version (only) of my site, please:

1. The ‘Let’s go’ button at the bottom of my homepage (http://pixelpie.io/) goes into 2 lines, even though it supposedly has the same styling as the ‘Get started’ button above, under ‘SERVICES’- and has fewer characters than the latter. Please help me fix this? I would like it to stay in a single line.

2. Secondly, the menu items in the slider/ hamburger menu on mobile is too small- I keep hitting the wrong item and I’m sure it’s a nuisance for my users too- can you help me make the text in these menu items larger + increase the line height/ vertical spacing between them as well please?

Here is a link to the screenshot images:
https://imgur.com/a/Fn9FAHv

Thanks very much,
Ruheene

[Sonnal S Sinha]

Hi,

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

@media screen and (max-width:479px) {
.elementor-6 .elementor-element.elementor-element-44ccaa5 .elementor-button { white-space: nowrap !important;}
.sidr ul li a, .sidr ul li span { font-size:20px !important;}
}

Regards,
Dave

[Ruheene Jaura]

Thanks, this is for the button, correct? Unfortunately it didn’t look like it worked since the button is still showing up on 2 lines vs 1 (screenshot below).

Please let me know if there is a different fix for it, and also if there is a way to adjust the spacing around the mobile menu slider as mentioned in #2 in my post above.

Thanks.

https://imgur.com/a/kRzHPeT

[Ruheene Jaura]

Sorry it looks like it did work (might have been a cache issue earlier)- but although the button is now on a single line, it looks like it’s shifted to the right. Could you help me center it please? Screenshot here:

https://imgur.com/gallery/dwtrM7G

And also help me fix the mobile menu size please.

Thanks!

[Sonnal S Sinha]

Hi,

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

@media screen and (max-width:479px) {
.elementor-6 .elementor-element.elementor-element-44ccaa5 .elementor-widget-container {
    margin: 150px 0 150px 0 !important;
}
}

Regards,
Dave

[Author]

Posts