Joomla Templates Club 406,261 posts

[pressmar Friend pressmarJoin date: March 2008Posts: 119Downloads:14Uploads:51 Thanks: 25 Thanked: 4 times in 1 posts]

#189593

Hi

i like beranis a lot. But i don’t understand the logic in the header especially in responsive design. As you can see here http://test.pressmar.de/cnx i changed the logo span to 6 and reduced the span for position-1 and languageswitcher in a custom layout.php. With the custom.css this works great in wide, normal and xtablet responsive layout. In the smaller layouts tablet and mobile where the Navigation changes the design doesn’t work properly. It load for that layout a smaller logo. But there are appearing two logos and the search module disappears without beeing disable in the template.ini

Do you have a solution for the different height in the three moduls under the slideshow.

Thanks in advance
Oliver

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501806

Hi Oliver,

You should replace the below lines in @media (max-withd: 767px) query for the logo on tablet/mobile view:

.logo-image {
background-image: url("/cnx/images/cnx/logo/cnx_logo.png");
background-repeat: no-repeat;
height: 25px;
width: 200px;
}

with

.logo-image h1 a {
height: 22px;
width: 200px;
background-size: 100% 100%;
}

On the height of those 3 modules, you can open templates/ja_beranis/css/custom.css file, then find lines:

.t3-sl-2 .t3-spotlight-2 .t3-module {
margin-bottom: 0;
min-height: 160px;
overflow: hidden;
padding-bottom: 20px;
padding-top: 20px;
position: relative;
}

Adjust the value of properties in the red lines until you get perfect.

1 user says Thank You to phong nam for this useful post

1. pressmar

[Author]

Posts