Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 23, 2021 at 2:36 pm #1330138
    aruizhuidobro

    Hi, I created a button on the header (adding the style.php, functions.php and the widget) but it overlapping and creating an static menu. Can you please provide me guidance ?

    I am using this article but I need something like the restaurant header.

    Add button elements to your header

    Thank you !

    G

    November 24, 2021 at 4:40 am #1330222
    Nikko

    Hi aruizhuidobro,

    The Enfold Restaurant Header doesn’t need to use the Header Widget Area, you just need to go to Appearance > Menus, then expand the menu item and you’ll see Menu Style and set it to Button Style (Bordered).
    Hope it helps.

    Best regards,
    Nikko

    November 25, 2021 at 1:13 am #1330371
    aruizhuidobro

    Hi Nikko, thanks for the reply. I dont see under menu. Can you guide me ? Maybe the custom link ?

    current view

    November 25, 2021 at 1:14 am #1330372
    aruizhuidobro

    I added an additional link under custom link and selected the style as button but I dont see it on manu… :(

    http://c2350005.ferozo.com/header_button.png

    link to the image.

    November 26, 2021 at 7:28 am #1330544
    Nikko

    Hi aruizhuidobro,

    Thanks, I have modified it, please review your site.
    You don’t need to go to Customize, go directly to Appearance > Menus and you’ll see it show up :)

    Best regards,
    Nikko

    November 26, 2021 at 9:31 pm #1330635
    aruizhuidobro

    Thank you Nikko, it looks perfect. One more question. Can I make the button full height of the title ? I am not able to find the way.

    November 27, 2021 at 6:55 am #1330660
    Nikko

    Hi aruizhuidobro,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all #header .av-menu-button a {
    height: 100% !important;
}

#top #wrap_all #header .av-menu-button a .avia-menu-text {
    display: block;
    padding: 0 16px;
    border: 0;
    border-radius: 0 !important;
}

    Best regards,
    Nikko

    December 1, 2021 at 12:42 am #1331057
    aruizhuidobro

    Hi Nikko, I added the code on quick CSS plus width 100% trying to get the rest of the space on the right but is not working… how can I make it like the same without white on the right ? Thanks ! G

    #top #wrap_all #header .av-menu-button a {
    height: 100% !important;
    width: 100% !important;
    }

    #top #wrap_all #header .av-menu-button a .avia-menu-text {
    display: block;
    padding: 0 16px;
    border: 0;
    border-radius: 0 !important;
    }

    December 1, 2021 at 3:52 am #1331072
    Nikko

    Hi aruizhuidobro,

    Please try adding this CSS code:

    #header_main {
    border: 0;
}

    Best regards,
    Nikko

    December 3, 2021 at 4:23 am #1331386
    aruizhuidobro

    Hi Nikko, I added that on the styles and I still see white on the right.

    http://c2350005.ferozo.com/g/images/button_border.png

    December 4, 2021 at 9:22 pm #1331574
    Mike

    Hi,
    Thank you for the screenshot, when I check your button I see two issues, in this screenshot you see the green area is the right padding from the button and the white area is from the av-logo-container only has 96% width:
    2021-12-04_005.jpg
    so to remove the right padding from the button use the css:

    #menu-item-535 > a {
	padding-right: 0;
}

    to give av-logo-container 100% width, use this css:

    .html_header_top #top .av_header_stretch .container {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

    then your button will be all the way to the right, but your logo will also be all the way to the left unless you add the css:

    .logo.avia-standard-logo {
    padding-left: 20px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 6, 2021 at 6:00 am #1331661
    aruizhuidobro

    Thank you Mike ! You can close this one !!!

    December 6, 2021 at 6:57 am #1331668
    Ismael

    Hi,

    Great! Glad we could be of help. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Button on header issue’ is closed to new replies.