Public Forums 71,145 posts

[shara21jonny Friend shara21jonnyJoin date: May 2011Posts: 52Downloads:0Uploads:20 Thanks: 2 Thanked: 3 times in 1 posts]

#189709

Hi guys,

I need some info regarding a couple of questions:

1. If i change the name of the template (t3_blank) i will still be able to update the template with your upgrades? Does this affect my website in any physical way?

2. How can i make my top menu stay on top of my website when scrolling down? (Something like your T3 Framework website; http://t3-framework.org/)

3. I will have a very complex top menu, and my responsive part of that menu will be very long on default settings. Is there a way to manage my menu to be collapsable in mobile mode (just level 1 and level 2 to be displayed, but collapsable to show other submenus)?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#502163

Hi

<blockquote>1. If i change the name of the template (t3_blank) i will still be able to update the template with your upgrades? Does this affect my website in any physical way?</blockquote>

Yes, if you change the template name you are still able to make updates on it .

<blockquote>2. How can i make my top menu stay on top of my website when scrolling down? </blockquote>

You can use the fixed-top statement look at the documentation HERE

<nav id="t3-mainnav" class="wrap t3-mainnav navbar-collapse-fixed-top">

<blockquote>3. I will have a very complex top menu, and my responsive part of that menu will be very long on default settings. Is there a way to manage my menu to be collapsable in mobile mode (just level 1 and level 2 to be displayed, but collapsable to show other submenus)?</blockquote>

In the documentation you can read how to manage submenus from backend and add specific settings for them

1 user says Thank You to pavit for this useful post

1. phong nam

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502196

Hi shara21jonny,

I just want to add some words on your second concern. You might need to adjust the fixed top menu with overriden css styles to see the content below, put these extra css styles into templates/ja_template/css/custom.css file. Create it if it doesn’t exist.

1 user says Thank You to phong nam for this useful post

1. pavit

[shara21jonny Friend shara21jonnyJoin date: May 2011Posts: 52Downloads:0Uploads:20 Thanks: 2 Thanked: 3 times in 1 posts]

#502239

Hi,

Thank you for your support. So far, my develeopment is looking good, but i still have to improve the fixed-top statement. It’s almost exactcly what i want. My general concern of this statement is to make my t3-mainnav fixed on top while scrolling down, but to keep his default position. I need to have t3-header on top of my t3-mainnav, but when i’m scrolling down, while i pass those 2, to keep my t3-mainnav on top of the website. Not to be fixed right there, just when scrolling down.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502280

Hi shara21jonny,

Can you put the website’s url here ? We will be happy to assist you on this concern.

[shara21jonny Friend shara21jonnyJoin date: May 2011Posts: 52Downloads:0Uploads:20 Thanks: 2 Thanked: 3 times in 1 posts]

#502324

Hi,

Unfortunately, my website is currently on localhost. To be more clear on this matter i’ve made this:

1. Default statement of t3-mainnav:

2. While scrolling down, t3-mainnav remain under t3-header:

3. After passing those 2, continuing scrolling down on the website, t3-mainnav remain docked on top of the website: or

---

Attachments:

1. 
2. 
3. 
4. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502330

Hi shara21jonny,

You can adjust the header and main menu in fixed position by creating a custom.css file in templates/t3_blank/css/ path. Then try to put below extra styles into:

/*Extra styles for displaying the header and menu in fixed position*/
#t3-header {
position: fixed;
background: white;
width: 100%;
z-index: 9999;
}

#t3-mainnav {
top: 110px;
}

.home .t3-sl-1 {
padding-top: 152px;
}

Note: These codes will affect properly on the desktop view only, for other device’s solutions you need to adjust by yourself by refering the below tip to work on @media queries at http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

[Author]

Posts