Skip to main content
Participant
Jul 4, 2022 2:43 PM UTC
Question

Mobile nav not working

I have a single page with 2 maped buttons that don't work on a mobile phone.

    This topic is closed to new replies. Start a new post to keep the conversation going.

    8 replies

    Participant
    Jul 5, 2022 5:49 PM UTC

    I need a single page with only 3 buttons.

    Each button will open/redirect to a diffrent web address.

    Since I am new to Dreemweaver I took an existing page and hacked just about everything out of it.

    But since I really don't understand css much, I had to keep the extenarl css folder, that has tons of stuff in it.

    It works on a desktop but on a phone the page is super small and the maped buttons don't work.

    So what I realy need is a one page with 3 buttons, that will size to a phone and the buttons work.

    Making it automaticaly size to a phone is way beyond my capabilities. I see tons of free downloadable web page, they all look so complex. Can someone give me a page like what I need.

    Thanks

    Translate
    Nancy OShea
    Community Expert
    Community Expert
    Jul 5, 2022 6:13 PM UTC

    CSS CODE:

    ========

    .button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }

     

    HTML CODE:

    ===========

    <a class="button" href="https://google.com/">Some Link</a>

    <a class="button" href="https://example.com/">Another Link</a>

     

     

    Hope that helps.

     

    Translate
    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    Community Expert
    Jul 6, 2022 2:23 AM UTC

    I don't want to be pedantic, but a link does not require "cursor: pointer;". It already possesses the pointer.

     

    Quite rightly @Nancy OShea has used a link to be semantically correct. Buttons are used to perform operations such as submitting forms. Links should be used for links.

     

    Translate
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Liam Dilley
    Inspiring
    Jul 5, 2022 1:40 AM UTC

    As Ben pointed out. Just saying "My thing is broke" with nothing else - No one can really help you at the moment.

    Can you provide a link/code or more information and the exact issues please.

    Translate
    BenPleysier
    Community Expert
    Community Expert
    Jul 4, 2022 2:54 PM UTC

    Aparently something is wrong. Problem is that we cannot help you without seeing the code.

    Translate
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!