Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1285182
    brady
    Participant

    How do I make a full-width bar on my site? I would like it to extend to the end of the browser. Here is how it currently looks. I’m referring to the grey bar.

    http://jackfineproperties.com/

    #1285184
    brady
    Participant

    Attached Image

    #1285609
    Prasant Rai
    Moderator

    Hello Brady,

    Thanks for writing in!

    It looks like you have removed as i don’t see color bar on my end. Can you please activate again for us to take a closer look?

    http://prntscr.com/dgqrz0

    Thanks.

    #1286341
    brady
    Participant

    My bad. I added a grey bar to the bottom of the page. I would like it to be full width and extend to the end of the browser. Thanks for the help!

    http://jackfineproperties.com/

    #1286343
    brady
    Participant

    And maybe just have the ability to have the full width rows extend to the end of the window.

    Thanks!

    #1286397
    Rupok
    Member

    Hi there,

    You need to add this under Custom > CSS in the Customizer.

    .x-container.max.width.offset {
      max-width: 100%;
      width: 100%;
    }
    .entry-wrap {
      padding: 60px 0;
    }

    Hope this helps.

    #1286454
    brady
    Participant

    Excellent, thanks! This theme is awesome!

    #1286471
    Joao
    Moderator

    Glad to hear 🙂

    Let us know if you need help with anything else.

    Joao

    #1286698
    brady
    Participant

    Actually, can you tell me how to change the color of the menu bar from white to another color? I didn’t see the option in the customize section.

    Thanks!

    #1286912
    Friech
    Moderator

    Hi There,

    You can add this under Custom > CSS in the Customizer.

    header .x-navbar {
    	background-color: red;
    }

    Replace the red value with the desired color.

    Hope it helps, Cheers!

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