Joomla Templates Club 406,261 posts

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011225

Hi,

We have two issues with the t3-header on mobile devices…

1. The padding which we put on the t3-header doesn’t work great on mobile devices. Please see "Screenshot A" in the following private post… Please provide the relevant @media width CSS code to resolve this.

2. Another issue we have is the Search icon and "Nominate" button are overlapped when viewed on smaller devices. Please see "Screenshot B" in the following private post.

Please investigate and advise how to resolve.

Many thanks

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011228

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]

#1011235

Hi
Add below code in custom.css file to fix the issue on your site

@media(max-width:468px) {#t3-header {
    padding-left: 0px;
    padding-right: 0px;
}}

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011247

Hi Pankaj,

Thank you for your response, this has resolved the Header width issue on resize.

What can we do about the Search icon being overlapped by the "Nominate" button?

See screenshot in the following private post.

Please advise.

Many thanks

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011249

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]

#1011252

Hi
In mobile the space is not enough to show all the content, either you have to hide it or add below code to move the button below the search

@media(max-width:468px){    .head-btn {
    margin-top: 68px !important;
 }
}

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011266

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]

#1011315

Hi
Please open a new thread for different topic questions .
Regards

[Author]

Posts