Navigation
Archive / Remove Space Between Left of Screen and Logo and Navigation Links
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 28, 2017 at 9:52 am #1388912
    portrayt
    Participant

    Hi

    See attached, I would like to remove space (left and right) in the header, how do we remove space between the logo and the left side of scree and the space between nav links and right side of the screen?

    Also, the dropdown mobile menu background is transparent, how so I make the mobile menu have a black background?

    Many thanks
    antonio

    February 28, 2017 at 10:55 am #1388993
    Thai
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    February 28, 2017 at 3:25 pm #1389276
    portrayt
    Participant
    This reply has been marked as private.
    February 28, 2017 at 11:57 pm #1389783
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-navbar .x-container.max.width {
	max-width: 100%;
	width: 88%;
}
.x-nav-wrap.mobile {
	background-color: #000;
	padding: 0 15px;
}

    Hope this helps.

    Cheers!

    March 1, 2017 at 12:36 am #1389817
    portrayt
    Participant
    This reply has been marked as private.
    March 1, 2017 at 3:47 am #1389984
    Thai
    Moderator

    Please add the following CSS also:

    .x-topbar-inner.x-container.max.width {
    max-width: 100%;
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1388912 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>