Joomla Templates Club 406,261 posts

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

#1054590

Hi
Can you share the URL of the page where you have this issue?
In screenshot and site homepage is totally different.

Regards

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1054624

In mobile version it’s in all pages. Per example http://www.daledondale.com/venues/china/Guangdong/Shenzhen

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

#1054659

Hi
On this page, there is no masthead title and description and in desktop, this is the reason it goes up.
http://prntscr.com/g67o5f
It does not work with the header as u mentioned, To use it I suggest you use the title and description on this page. so it will appear same for PC and mobile view.

Regards

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1054660

I do not want title and description, it looks good on desktop, any way of doing it on mobile too?

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

#1054669

Hi
It’s the masthead and does not associate with a header. I am afraid you can get this view because both are a different container and worked differently.

Regards

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1054676

Well, then is there a possibility of disable masthead in mobile version and change background for the header?

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

#1054829

Hi
You can use hidden-xs as module suffix in the masthead module to hide it in extra small views.

TO change the header color in mobile use below code in custom.css and change the color as per needs

@media (max-width: 767px)

{
.header-trans .t3-header-wrap .t3-header {
    background: #000000;
}}

Regards

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1055590

If i use hidden-xs it hides for desktop too

---

Attachments:

1. 
2. 

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

#1055596

Hi
Kindly check it again its showing in PC http://prntscr.com/g6pzts

Regards

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1055597

Because i took it out, if i put it again it won´t show

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

#1055616

Hi
You to apply the change if you want to show something, let me know if you still need help in this.
hidden-xs only work for the small view, add a single blank space before starting of module suffix and save it.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. melou61

[melou61 Friend melou61Join date: June 2017Posts: 146Downloads:12Uploads:99 Thanks: 34]

#1055621

It work, thank.

[Author]

Posts