Linking button to widget ID

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #30858
    hashimakhtar
    Participant

    Hi

    Ive been trying to link the BUTTON ‘Download’ to the CSS ID download. And the button does not link to section.

    the target URL is: http://www.operty.com/#download
    Id is set to ‘download’

    The ID for the that section is called ‘download’

    #30866
    Veena
    Moderator

    Single page site internal linking is possible only for single level menus.

    To make this possible what we can do is add “download” as a custom link menu item and style it as a button and then link to the required url.

    Pls check this link –
    https://themehunk.com/docs/how-to-add-button-styling-in-a-menu/

    #30875
    hashimakhtar
    Participant

    Hi

    This is a great solution but the download button will disappear when its mobile size.

    #30878
    Veena
    Moderator

    That we can manage with custom CSS.

    #30879
    hashimakhtar
    Participant

    Okay i have added the download menu and now would like this menu to act like the download button so its always there ans linked to the section.

    Thanks

    #30882
    Veena
    Moderator

    Can you pls share a temp login to your site here as a private reply ?

    #30893
    hashimakhtar
    Participant
    This reply has been marked as private.
    #30894
    Veena
    Moderator

    Login is not working it seems. Can you pls check?

    #30896
    hashimakhtar
    Participant
    This reply has been marked as private.
    #30902
    Veena
    Moderator

    Have added some custom CSS in themeoptions. Pls check.

    #30907
    hashimakhtar
    Participant

    Hi Veena

    Thanks for this but needs a few more tweaks.

    1) Button should be rectangle (not rounded) and always stay at the right hand side to the edge of the browser. With the text colour in white for download only.
    2) On mobile screens the download button should always appear.

    Many Thanks

    #30912
    Veena
    Moderator

    Will get back to you shortly on this .

    #30915
    Veena
    Moderator

    Can you pls try the below custom CSS –

    @media only screen and (max-width: 767px){
    #primary-menu {
        display: block;
    }
    #menu-item-9454, #menu-item-9456, #menu-item-9457, #menu-item-9535, #menu-item-9463 {
        display: none;
    }
    #menu-item-9562.availableon {
        position: absolute;
        right: -300px;
        float: none;
    }}
    
    #30916
    hashimakhtar
    Participant

    This did not work in custom CSS – And the button is not showing in mobile.

    #30920
    Veena
    Moderator

    Have added the same custom CSS with slight modification.
    Can you pls check now?

Viewing 15 posts - 1 through 15 (of 16 total)
  • The forum ‘Fusion Theme Support’ is closed to new topics and replies.