This topic contains 3 replies, has 2 voices, and was last updated by  vako 1 week, 4 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #40020

    Richard Ostkamp
    Participant
    Premium Member

    Hello, I was wondering if it is possible to change some options in the mobile menu.

    Specifically, the line height of the items. There is too much vertical space between menu items.

    I was using this snippet you gave to someone else, and added a background colour option… but it didn’t seem the right place to put line-height commands…

    .mobile-menu-container {

    height: auto !important;

    background-color: #f0f9ed;

    }

    I am also using:

    .main-nav-socials-trigger {

    display: none !important;

    }

    .main-nav-socials {

    display: block !important;

    position: static;

    width: auto;

    }

    .mobile-menu-btn {

    opacity: 1 !important;

    }

    .mobile-menu-btn svg {

    display: none;

    }

    .mobile-menu-btn:before {

    content: ‘MENU’;

    font-family:open-sans;

    font-size: 75%;

    }

    Are there any other commands I could put in?

    Website is http://richardostkamp.com/healthyhome/

    Thank you!

     

    #40043

    vako
    Keymaster
    WP Royal Team

    Hi Richard,

     

    Please describe the changes you want to make more detailed and share your webiste URL and we will create new snippets especially for you.

     

    Kind Regards

    #40044

    Richard Ostkamp
    Participant
    Premium Member

    Thank you! The website is at http://richardostkamp.com/healthyhome/

    The mobile menu looks like this at the moment:

    MenuOkay, I can’t seem to paste images from Google, dropbox or my website…

    But the menu goes like this:

    Creating a Healthy Bedroom

    About

    Feedback

    Case Studies

    Consultations

     

    There is a lot of vertical space between each entry. Almost like there is an extra line between, for example, About and Feedback. Can they be closed up a bit? What Word would call line spacing… I’ve tried putting a ‘line-height’ statement in, but it seems to ignore it…

    I would like to put a picture in of the menu, draw arrows on About and Feedback, and write ‘close these up a bit’, I don’t know of another way to describe it!

    Hope that helps,

    Richard

    #40070

    vako
    Keymaster
    WP Royal Team

    Hi Richard,

     

    1. To reduce the mobile menu line-height, Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    #mobile-menu li {
    
    line-height: 2.4 !important;
    
    }

    2. Images cant be added in the menu by the theme options or with the custom CSS snippets, you need to use some other 3rd party plugins for this.

     

    Kind Regards

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.