• Resolved El Molino

    (@el-molino)


    In the mobile menu (iPhone), I’d like to decrease the padding above the logo.

    Remove the word MENU

    And put Social Media Icons at the top

    I thank you immensely

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hmmm … to hide the word “Menu” try this …

    .menu-button-container .button.button .dropdown-icon {
    text-indent: -99999px;
    }

    … and to remove the padding above the logo use …

    .site-header {
    padding-top: 0;
    }

    As for the social media icons, can you please give me a little more information? Currently you don’t seem o be using the social links menu in the footer … do you mean you want to move this up the page? Where exactly would you like it placed?

    Thanks,

    Oliver

    Thread Starter El Molino

    (@el-molino)

    It works, partially.

    Words MENU are removed. That’s good. But there is still too much padding above the picture.

    As to the social icons, I haven’t found the way to put them. So I thought you may help me (I have them on my contact).

    When you release premium, I’ll sign up for it.

    Thank you very much

    Plugin Author Oliver Campion

    (@domainsupport)

    We are not seeing any padding above your logo on mobile? Is it cached on your device? Please advise.

    OK, we can definitely move the mobile menu but if you could please let me know where exactly you want it moved I will look into it for you.

    Premium is on its way … but we are not allowed to talk about it in this forum as WordPress forum guidelines prevent it, sorry!

    Oliver

    Thread Starter El Molino

    (@el-molino)

    Again, thank you very much. Ideally, I’d like to have it as follows,

    1. Logo
    2. Menu
    3. Line
    4. Picture of baby. (With 1/2 the space it shows now).

    I appreciate very much your help.

    Plugin Author Oliver Campion

    (@domainsupport)

    Sorry, I meant “footer social menu”, where would you like that placed? Or are you asking how to inject social icons into the primary navigation?

    With regards to your above requests, this is what I would do …

    1) Remove the line (border) from the logo …

    .site-header>.site-logo {
    border: none;
    padding-bottom: 0;
    }

    2) Add the border below the menu …

    .primary-navigation {
    border-bottom: 1px solid #7c7c7c;
    margin-top: 15px;
    }

    3) Half the padding at the top of the content …

    .site-main {
    padding-top: 0;
    }

    Is that OK?

    Please note that these will override all screen sizes so if you want them to work on larger screens only you will need to wrap them in relevant media queries.

    Kind regards,

    Oliver

    Thread Starter El Molino

    (@el-molino)

    Oliver, thank you very much for your kind help and infinite patience. Happy New Year!

    Plugin Author Oliver Campion

    (@domainsupport)

    You’re welcome, HNY!

    Oliver

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Menu’ is closed to new replies.