Mobile nav not working

New Here ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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

Views

75

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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/

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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 😉

Likes

Translate

Translate

Report

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