Joomla Templates Club 406,261 posts

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1112333

Hi guys,

As the title, please see the attachment first.
As you can see, some of the photos are covered.
So I want to change:

1. The height of mainmenu. (I have tried to change the min-height, but it is not working…)
2. I want to move the slideshow position down to make the mainmenu don’t cover the slideshow.

Did you have any better idea?

Link:http://luke-ghostwriter.com/testPool/PMP/index.php/zh-tw/

Thanks,

Luke

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112341

Hi Luke,

You can use custom CSS to achieve that:

.has-slideshow .t3-header {
  height: 70px;
}

.ja-slideshow {
  top: 70px;
}

1 user says Thank You to Saguaros for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#1112343

Hi,

You could make the main menu background darker using custom css. e.g.

@media (min-width: 992px)
.t3-header {
    background: rgba(29,29,29,0.44)!important;
}

and change its height in style css.

element.style {
    height: 72px;
}

Tim

---

Attachments:

1. 

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1112346

This reply has been marked as private.

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1112349

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112427

Hi Luke,

My above suggestion should not affect that style of collapse menu, you can comment/remove my code and see the same. Did you add other custom code somewhere on your site?

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1112468

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112478

Hi Luke,

To avoid the style that affects small screen, you can use Media Queries in Boostrap, like:

@media (min-width: 992px) {
  /*your custom style goes here*/;
}

This style will have affect in screen size of 992px and above

2 users say Thank You to Saguaros for this useful post

1. lukelee0223
2. timtecsa

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1112489

Hi Saguaros,

Wow~! The media queries fix all. You always give me amazing help.

May I ask why we just define the height of mainmenu that could affects the items of collapse menu invisible?
I really can’t get picture about this…

Thanks,

Luke

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112520

It may have the same class with the one used in the custom CSS above and also take affect.

Anyway, it’s working fine now.

P/s: if you have new question, pls help us to post in new forum: https://member.joomlart.com/forums/

Have a nice weekend.

[Author]

Posts