Skip to main content
Participant
July 4, 2022
Question

Mobile nav not working

  • July 4, 2022
  • 3 replies
  • 517 views

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

    This topic has been closed for replies.

    3 replies

    Participant
    July 5, 2022

    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

    Nancy OShea
    Community Expert
    Community Expert
    July 5, 2022

    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.

     

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    Community Expert
    July 6, 2022

    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.

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Liam Dilley
    Inspiring
    July 5, 2022

    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.

    BenPleysier
    Community Expert
    Community Expert
    July 4, 2022

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

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