Navigation Bar Size Configuration and featured content

  • Author
    Posts
  • #3269282

    rudywinoto
    Member

    Hello,
    I have difficulty to configure the size the menu like on this page https://rudywinoto.com/, I want the menu contents looks more compact. What is the CSS code please?
    And how to configure the featured content? I already follow the steps, but it wont show.
    Many thanks in advance,
    Best regards

    The blog I need help with is rudywinoto.com.

    #3270365

    charleybea
    Member

    Hello @rudywinoto,

    It looks like your theme allows 2 menus at the top of your site – the main menu (light grey background) and the secondary menu (above main menu and beneath the search bar).

    Since both menus are flowing into multiple rows and I’m unsure which menu you are referring to, I went ahead and put together some CSS to make both menus more compact and fit on one line. Feel free to use just the Primary Menu CSS code below or Secondary Menu CSS code if you didn’t want both. :)

    To add CSS using the editor, go to your Customizer and click on the CSS tab.

    Copy and paste the following code at the bottom of the editor:

    /* PRIMARY MENU EDITS */
    .main-navigation .container > div {
    width: 100%;
    }
    
    .main-navigation .container > div > ul > li {
    font-size: .8rem;
    }
    
    .main-navigation .container > div > ul > li > a {
    margin-right: 10px;
    padding-right: 12px;
    }
    
    .main-navigation a {
    display: inline-block;
    }
    
    /* SECONDARY MENU EDITS */
    .secondary-navigation a {
    display: inline-block;
    }
    
    .secondary-navigation > div > ul > li {
    margin-left: 12px;
    padding-left: 12px;
    float: none;
    font-size: .8rem;
    }
    
    .secondary-navigation > div > ul > li:nth-of-type(3n+1) {
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid rgba(0,0,0,0.1);
    }

    That should work for the menu(s). Please let me know if you run into any issues though!

    And how to configure the featured content? I already follow the steps, but it wont show.

    Since posting, it appears that you were able to get the featured content to show up, but the text is very light on top of the background image (featured image). I wasn’t able to re-create this issue on my test site. Did you happen to add any custom code for this?

    If you didn’t make any adjustments on the featured content slider, you may want to consider reaching out to the theme developer directly for assistance. You can do that for the Prosperity theme here: https://premium-themes.forums.wordpress.com/forum/themes-harbor/prosperity/

    I hope this helps! If you need any more assistance on the menu CSS, I’d be happy to work with you further. :)

The topic ‘Navigation Bar Size Configuration and featured content’ is closed to new replies.