Skip to main content
A
Anthony25118013e6au
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

    A
    Anthony25118013e6auAuthor
    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
    Nancy OSheaCommunity 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
      BenPleysierCommunity 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
        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
          BenPleysierCommunity 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!
            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices