→→ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
- In case you can't login to submit a ticket, please hard refresh the browser and try again.
If the problem persists, please submit your questions via THEMELOGI profile page instead.
- To update the theme or plugins, please have a look at Theme & Plugin Updates, and here is the Bundled Plugin License information.
- If you couldn't import demo content or you got the message "Failed to import", please see our FAQs page. Thank you :)

Tickets Tickets Roneous Set Menu Width to 100%

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #7573

    Hi, Is it possible to remove the logo and set the Menu to use 100% (Or 95%) of the page?

    I am using a (Insert Headers and Footer) Plugin to populate the Header area (Creating a three column header layout) and would like see the menu use 100% or 95% of the page width?

    I can see an option for Menu Right Spacing 32px, but cant set to zero and wondered if this may help?

    I am using a Header Layout – Center Standard Header and removed the logo image, but have white space to the right and left and if I add any more menu items, they drop off the screen? The menu seems to take up 80% of the width of the page?

    Any help gratefully received. Thank you!
    J

    #7580
    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    If you are using Center Standard Header and want the menu is displayed in fullwidth, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

    .nav-bar .col-lg-1 {display: none;}
    .nav-bar .col-lg-10 {width: 100%;}

    If the problem persists, please point to specific page where we can see the problem. Any screenshots would be welcomed!

    Hope this helps,
    Danny

    #9718

    Hi Danny / team

    I am hoping you may be able to help again. I still seem to have some space to the Left & Right side of the screen when using the CSS, where I would like to increase the menu length further if it is possible?. I have added an image link below.

    In the image, you will see I have created a menu. The menu items go up to NINE. (HOME / ONEONE / TWOTWO / THREETHREE ect) However, NINENINE is missing from the menu. If I increase the menu Font, EIGHTEIGHT will then go missing. Am I able to increase the length further in this area for either Roneous or the Navian theme?

    Menu

    I am using the Standard Center Header.

    Thanks for your help

    #9720
    Danny
    Supporter

    Hi there,

    Thanks for your information!

    About this issue, please share us your site URL and the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem.

    Best regards,
    Danny

    #9721
    This reply has been marked as private.
    #9727
    This reply has been marked as private.
    #9734
    Danny
    Supporter

    Hi there,

    Thanks for your info!

    To resolve this issue, you can open up the inc-header-center.php file in themes/navian/templates/header/ folder, then remove the 2 columns left & right, only keep the main menu then change the class name into col-sm-12 to be displayed fullwidth. Could you please check your site again.

    I’ve commented out the original 3 columns menu layout, and add a fullwidth menu as you can see in the screenshot below:

    P.S: You may want to use child-theme so that your changes won’t be lost on theme updates. Also, I’ve disabled the mega menu plugin since we only need to modify the header menu layout, but not the menu itself.

    P.S 2: Please note that if you want to display fullwidth menu, the icons button on left/right side won’t be displayed anymore.

    Hope this helps,
    Danny

    #9766

    Perfect – thank you so much for your help and have a good weekend.

    #9773
    Danny
    Supporter

    Hi! You’re welcome! Hope you had a good weekend!

    If you have any further questions you are always welcome to contact us back anytime you need.

    Also, if you like our theme and the support, please consider to leave us a 5-star review rating for the theme via ThemeForest > Downloads section. It helps us a lot!

    Best regards,
    Danny

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