Joomla Templates Club 406,261 posts

[s3lab Friend s3labJoin date: February 2018Posts: 4Downloads:10Uploads:4]

#1093669

hello I have a problem with the proportion of the logo in the various versions, Desktop, smartphone, tablet.

On the desktop version I managed to hook the image to the menu and it’s perfect.

On the smartphone version in vertical the logo is detached from the search bar

  On the smartphone version in horizontal the logo is covered by the search bar
(as per the screenshot that I attach)

How can I do it because in all the versions the display is correct?

thanks if you can help me

---

Attachments:

1. 
2. 

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

#1093840

Hi,

You can try with this custom CSS code:

@media (min-width: 480px) and (max-width: 767px) {
  .t3-header {
    padding-bottom: 40px;
  }
}

put into the file: root/templates/ja_restaurant/css/custom.css (Create this file if it doesn’t exist)

Regards

[s3lab Friend s3labJoin date: February 2018Posts: 4Downloads:10Uploads:4]

#1094182

thanks, now with horizontal orientation is fine, but with vertical orientation, you always see a white space (see screenshot). What should I do to merge.

Regards

---

Attachments:

1. 
2. 

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

#1094369

May I know which dimension of the device are you checking with?

[s3lab Friend s3labJoin date: February 2018Posts: 4Downloads:10Uploads:4]

#1094837

the dimension that I mean is: 375×667

• This reply was modified 6 years, 9 months ago by  s3lab.

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

#1095323

You can try this media queries:

@media (min-width: 375px) and (max-height: 667px) {
  .t3-header {
    padding-bottom: 10px;
  }
}

and change the padding-bottom property to the value which suits your need.

Regards

[s3lab Friend s3labJoin date: February 2018Posts: 4Downloads:10Uploads:4]

#1095786

thanks now it’s perfect.
Sergio

[Author]

Posts