Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Simple Page Linking Help Needed

Featured Replies

Hello.

 

I am usually pretty good with website design, but I have run into an problem. If you can visit my website at http://www.daniel-chaplin.co.uk and click on any of the tabs except education, you'll see that the tab you click on goes to the correct page, but when you click education I seem to get a "Contact" titled page but it does display the correct page I want, but just don't update the title which is in the top left hand box. If you look through each page on the top left your see the problem on the education tab.

 

I hope that I have made it clear, please explain your answer if possible so I can fix this in future, sharing is caring ;)

 

Thanks in advance to anyone who can assist.

Edited by oChapperZo

Looking through the code of geneva.js, I get the impression that it expects the hash in the URL to correspond to the ID of the element displayed.

eg.

<li id="geneva-box-menu-element-images">
                        <a href="#!/images">

which each does except for education which you've named process.

<li id="geneva-box-menu-element-process">
                        <a href="#!/education">

Try changing process to education on both of the lists.

  • Author

Looking through the code of geneva.js, I get the impression that it expects the hash in the URL to correspond to the ID of the element displayed.

 

eg.

<li id="geneva-box-menu-element-images">
                        <a href="#!/images">

which each does except for education which you've named process.

<li id="geneva-box-menu-element-process">
                        <a href="#!/education">

Try changing process to education on both of the lists.

 

Hi.

 

What file should I be looking in to change what you recommend?

  • Author

Please correct me if I am wrong, but I done the following which has now broken the website.

 

index.html

<li id="geneva-box-menu-element-education">
<a href="#!/education">
<span class="title">Education</span>
<span class="subtitle">The process of knowledge.</span>
</a>
</li>

education.html

<div class="page page-education">
  • Author

After Doing Some Testing I Have Found A Problem, But Can't Fix It.

 

On index.html there is the code
:

<li id="geneva-box-menu-element-process">
                        <a href="#!/education">
							<span class="title">Education</span>
							<span class="subtitle">The process of knowledge.</span>
						</a>
                    </li>

Now, when I change <li id="geneva-box-menu-element-process"> to <li id="geneva-box-menu-element-education"> it breaks the website. I hope that helps in fixing this problem?

You may need to change the various CSS that references 'process' as well.

Just curious, this is a premium vcard which should include full documentation and support when purchased.

What does the documentation say about changing various sections?

  • Author

You may need to change the various CSS that references 'process' as well.

 

Just curious, this is a premium vcard which should include full documentation and support when purchased.

 

What does the documentation say about changing various sections?

 

Hello.

 

I don't have any documentation unfortuantly. I will have a look through the CSS and see what I can find.

  • Author

Thanks for everyone help.

 

I am learning lately how much CSS can change content on a webpage. I always believed CSS is purely eye candy to the webpage.

 

Everything is fixed.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.