Agency theme: Buttons, hamburger menu issues

Home Forums All Other Themes Agency theme: Buttons, hamburger menu issues

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #157292
    Ruheene Jaura
    Participant
    • Topics: 11
    • Replies: 21
    • Total: 32
    Member since: March 24, 2020

    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:

    Website fixes

    Thanks very much,
    Ruheene

    #157319
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    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) {
    .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

    #157349
    Ruheene Jaura
    Participant
    • Topics: 11
    • Replies: 21
    • Total: 32
    Member since: March 24, 2020

    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.

    Button

    #157352
    Ruheene Jaura
    Participant
    • Topics: 11
    • Replies: 21
    • Total: 32
    Member since: March 24, 2020

    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:

    button

    And also help me fix the mobile menu size please.

    Thanks!

    #157454
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    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) {
    .elementor-6 .elementor-element.elementor-element-44ccaa5 .elementor-widget-container {
        margin: 150px 0 150px 0 !important;
    }
    }

    Regards,
    Dave

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