Navigation
Archive / Text directly next to buttons
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 21, 2017 at 2:40 pm #1380331
    MediaDeskNM
    Participant

    Hi,

    I have created a “second menu” within a section for my page and I am trying to do 2 things:

    1. I want to place text (in this case, icons I used put in using the short code in the text element) directly next to a button. It seems that it will only let you stack text and buttons on top of each other instead of next to each other. Currently, I have them in two separate columns, but can’t seem to get the columns any closer than I’ve currently got them.

    2. I’d like to remove space beneath the elements. I’m not sure why it’s there – the padding and the margins in the section, columns, rows, and elements are all set to 0.

    Link in private reply to follow

    February 21, 2017 at 2:41 pm #1380333
    MediaDeskNM
    Participant
    This reply has been marked as private.
    February 21, 2017 at 10:21 pm #1380829
    Friech
    Moderator

    Hi There,

    Thanks for writing in! #1 Please use a button shortcode http://demo.theme.co/renew-1/shortcodes/buttons/ and place it in the same text element as the icons.

    #2 I see that the icons is wrap with a <p>. Please remove any line breaks on you have on text element because that will be generated as p tag on the front-end. Or you can use the RAW content element instead.

    Hope it helps, Cheers!

    February 22, 2017 at 3:20 pm #1381863
    MediaDeskNM
    Participant

    Thanks!

    Is it possible to remove the line and reduce the pixels beneath the menu?

    February 22, 2017 at 8:25 pm #1382236
    Friech
    Moderator

    Hi There,

    That line and its white space (above and below) is a line element that you placed on the second section. Remove that section if its not necessary.

    Then apply a 12px bottom margin on the first section, to give it a gap from the banner (black area).

    Thanks.

    February 26, 2017 at 3:21 pm #1386435
    MediaDeskNM
    Participant

    No, you misunderstood me. Is it possible to remove the line under the header menu? Not the section I created below it.

    February 26, 2017 at 8:28 pm #1386699
    Nico
    Moderator

    Hi There,

    Add this in your Customizer > Custom > CSS:

    .x-navbar{
border:none;
}

    Let us know how it goes.

    Thanks.

    February 26, 2017 at 9:58 pm #1386775
    MediaDeskNM
    Participant

    Thanks!

    That worked great. Is there code I can add to decrease the space under the menu, bringing the menu and the next section I created closer together?

    February 26, 2017 at 11:31 pm #1386862
    Christopher
    Moderator

    Hi there,

    Please decrease Navbar Top Height under Customize -> Header.

    Hope it helps.

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