Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#201145

Hi, so far i have figured out to narrow it down to this:

But on a 13″ pc the menu just take too much space, so how can i make it something like this?

---

Attachments:

1. 
2. 

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

#548700

Hello
add this css code into your custom.css file

.t3-header { min-height: 70px; }


adjust the min-height value as per your need .

and
.logo-image a {
padding: 0px 40px 20px 40px;
}

it will look like this >>> http://prntscr.com/4ktfki

Save file, Clear cache and check it .
let me know if it helps

2 users say Thank You to Pankaj Sharma for this useful post

1. hjalte1983
2. phoenix28

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#548702

helps so far, having trouble adjusting the logo, and how can i move the languageswitcher.

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

#548703

<em>@hjalte1983 444773 wrote:</em><blockquote>helps so far, having trouble adjusting the logo, and how can i move the languageswitcher.</blockquote>
Hello i can see that you already added css code in your custom.css file for language swticher , you need to decrease the top value from your custom.css file .

@media (min-width: 992px) {

.languageswitcherload .mod-languages ul {

top: 14px;

}

see this >>> http://prntscr.com/4ktht1

1 user says Thank You to Pankaj Sharma for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#548705

okay i see thanks, but it messes up the responsive design.

How can i just get rid of the borders around the flags, so only the flags are shown, like in the screenshot.

---

Attachments:

1. 

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

#548728

Hello if you want to remove border , add this css code into your custom.css file

.languageswitcherload .mod-languages ul {
border: none;
}
It will remove the border .

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#548739

wont work, its just border ? we are talking about all the white frame around the flags right ?

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

#548744

Hello
Replace the above code with this code


.languageswitcherload .mod-languages ul {
border: none;
background: none;
box-shadow: none;
}

it will remove the border,background and box shadow .
Let me know if it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#548817

Looks great, Thanks, @pankajsharma

Do you also know how i can fix it in responsive ? the flags are no longer next to each other.

And another thing is my menu, its all messed up, i can only find the margin for the row, but how can i change it for just that menu in responsive ..

Regards.

---

Attachments:

1. 

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

#548832

Hi
add this css code in your custom.css file

@media (max-width: 992px) {
.navbar-collapse ul.navbar-nav {
float: right;
}
}

@media (max-width: 991px) {
.languageswitcherload .dropdown-menu {
display: inline-flex;
}
}

Clear cache and check
Hope it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#548985

Thanks @pankajsharma

There is still a little white arrow above the flags.. i have no idea where that is coming from, can’t debug it .

---

Attachments:

1. 

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

#549003

Hi
add this css code in your custom.css file

.languageswitcherload .mod-languages ul:before {
border-bottom: none; }
clear cache and check
Hope it helps you

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#549006

Thanks again, do you also happen to know what css code i can use to color just a single category in my left menu ?

Regards.

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

#549008

<em>@hjalte1983 445136 wrote:</em><blockquote>do you also happen to know what css code i can use to color just a single category in my left menu ?
</blockquote>

sorry i am not getting your point . please add a screenshot of your problem . and explain it in screenshot. so that i can check the issue

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#549010

I want to change the color on just one category. the one called Outlet / Tilbud

---

Attachments:

1. 

[Author]

Posts