Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Mobile nav not working

New Here ,
Jul 04, 2022 Jul 04, 2022

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

375
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 04, 2022 Jul 04, 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!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 04, 2022 Jul 04, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 05, 2022 Jul 05, 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 05, 2022 Jul 05, 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>

 

image.png

 

Hope that helps.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 05, 2022 Jul 05, 2022

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

BenPleysier_0-1657074030959.png

 

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!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 06, 2022 Jul 06, 2022
quote

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


By @BenPleysier

============

That's what I get for copy/pasting from W3.  My bad. 😞

 

In the off chance case that a button is used with javascript intead of an anchor <a>, the cursor will point.

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2022 Jul 07, 2022
quote

That's what I get for copy/pasting from W3.  My bad. 😞

By @Nancy OShea

 

Read chapters, do code exercises and take quizzes at the end.
- https://www.w3schools.com/css/

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2022 Jul 07, 2022
LATEST

as you can see, I also copied and pasted the above recomandation, because I personally prefer https://developer.mozilla.org/en-US/docs/Learn/CSS 😉

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines