Joomla Templates Club 406,261 posts

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#198177

Working to the logo of my site I had to adjust the dimensions in custom.css At the moment my logo looks good in browser and in tablet (even if I hasn’t had lots of tries yet) but in my smartphone the logo overlapps the headline module. I have set on the small logo option in theme manager and uploaded a very small version of the image but without result. I wonder if the problem is in the width of the white bar where is displayed the main menu but I don’t want to make mess without the advice of the forum. If you want to have a look via smartphone http://www.liceogmarconi.gov.it/joomla3.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#536710

Hi

In your custom.css file try to add this

.bottom-slide .main-container {
margin-top:5px;
}

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#536729

It functions I have only had to modify the number pf pixels. Unfortunately now I have the search icon a bit overlapping the logo.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#536756

If you need a similar Layout for search as the image attached, please do the changes suggested below

Go to this File: /templates/ja_biz/css/custom.css

Add this code

@media (max-width: 450px) {
.head-search {
height: 32px;
margin: 15px 0 0 0 !important;
position:relative !important;
right: 0px !important;
top: 0px !important;
}

.head-search .search{
right: 0px !important;
}

}

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. robyrom

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#536920

It works great. a loto of thanks.

[Author]

Posts