Linking button to widget ID

This topic is: not resolved

This topic contains 15 replies, has 2 voices, and was last updated by Veena Veena 1 year, 4 months ago.

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #30858
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    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
    Veena
    Moderator
    Post count: 8167

    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
    hashimakhtar
    Participant
    Post count: 24

    Hi

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

    #30878
    Veena
    Veena
    Moderator
    Post count: 8167

    That we can manage with custom CSS.

    #30879
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    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
    Veena
    Moderator
    Post count: 8167

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

    #30893
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24
    This reply has been marked as private.
    #30894
    Veena
    Veena
    Moderator
    Post count: 8167

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

    #30896
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24
    This reply has been marked as private.
    #30902
    Veena
    Veena
    Moderator
    Post count: 8167

    Have added some custom CSS in themeoptions. Pls check.

    #30907
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    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
    Veena
    Moderator
    Post count: 8167

    Will get back to you shortly on this .

    #30915
    Veena
    Veena
    Moderator
    Post count: 8167

    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
    hashimakhtar
    Participant
    Post count: 24

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

    #30920
    Veena
    Veena
    Moderator
    Post count: 8167

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

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.