Joomla Templates Club 406,261 posts

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1069857

with JA hotel, how to make the topbar and main menu to be sticky on the top?

how to create box shadow of the main menu?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1069921

Hi
Kindly follow this thread for same topic.

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1070064

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070114

Hi
Your site offline and submitted login details are not working.
Please check.

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1070332

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070375

Hi
Add this code in custom.css file

.t3-header{
position: fixed!important;
margin-top: 40px;
}
.t3-topbar {
z-index: 999;
width:100%;
}

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1070896

after applied the code, the masthead looks stange now…its height became shorter…..

i have tried to increase the padding-top from 66px to 200px, it seems better now..but on mobile device, if i use my finger to scroll down the masshead image, i can see the whole image, is this noraml?
any better solution?

.jamasshead .container {
color: #777777!important;
padding-top: 200px;
padding-bottom: 66px;
position: relative;
z-index: 10;
}

• This reply was modified 7 years ago by  moody.

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1070899

do i need to change the file header.php as well?

Step 1 – add suffix to header.php file

https://www.joomlart.com/documentation/joomla-templates/ja-hotel-template/how-to#sticky-menu

and make change to masshead css?

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1071062

i tried the above coding..and it is working..so i changed back to the code you provided"

.t3-header{
position: fixed!important;
margin-top: 40px;
}
.t3-topbar {
z-index: 999;
width:100%;
}

however, on the mobile device, the homepage slider in not showing full image.
it is covered by the topmenu and mainmenu.how to fix it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071153

Hi
For the slideshow you can add below code to move it down in mobile

@media(max-width:468px){
.ja-slideshow {
    margin-top: 20px;
}}

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1071537

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071542

Hi
You code seems fine, just check the syntax you used for description text like

/ slideshow position adjustment (move down) on mobile devices /

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1071551

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071560

Hi
Kindly open a new thread for the further new question, it also helps another user to find same topic questions.

Regards

[Author]

Posts