Joomla Templates Club 406,261 posts

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#938786

I would like to insert the picture in the header. See image .
now I have a left and right border. how can I remove the border.

another question. the navigation I want to put in the green area.
is that possible?

---

Attachments:

1. 
2. 

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

#938811

Hi
Add below code in custom.css file

@media (min-width: 1200px) {
.header-images {margin-left: -40px;margin-right: -40px;} 
.header-images .row {margin-left: 0px;margin-right: 0px;} }

}

This style work till 1200px , because below it , the container size changes it does not fit in the layout .
the header images and main nav use same size so chnage the padding effect header images .

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#938832

Thanks, that works fine.
At the iPhone and iPad it covers the bottom picture or text.
See pictures.

---

Attachments:

1. 
2. 
3. 
4. 

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

#938954

Hi
This is because the changes of the classes , the container width does not fit for all view , thats why i only suggested above code .
To set the image a max. width you need to defined below code in custom.css file and use media queries for this code to apply different width as per container size .

.header-images img {
    width: 100%;
    max-width: 756px!important;
}

[Author]

Posts