Return to previous page

Header and top bar questions - by robertkooijman

This topic has 12 replies, 4 voices, and was last updated 10 years, 11 months ago ago by Stan Russell

robertkooijman

Participant

January 8, 2015 at 16:39

Hello,

A few questions regarding de top bar and header (type3).

Place in header top bar
1. Is it possible to align (left) the languages to the logo?
2. Is it possible to add social icons / links to the right side?

Header
3. I reduce the height using custom.css. How to align the logo and menu to the middle?
4. Is it possible to change the last menu item (reserveer) to a button?
5. Is it possible to always center the logo in the mobile view? Now the larger one aligns it to the left.

Thanks, Robert

Please, contact administrator
for this information.

#32452 Copied

11 Answers

robertkooijman

Participant

January 8, 2015 at 18:37

Hello,

Problem 3 resolved 🙂

Regards, Robert

#32475 Copied
Eva Kemp

Participant

January 8, 2015 at 19:38
Hello,

1. You can add this code in custom.css file:

.top-bar .languages-area { margin-left: -28px; }

2. Sorry, but there is no such option.
4. There is no such feature in the theme, but you may try to use some plugin or refer to this article:
https://wordpress.org/support/topic/add-button-to-the-menu
5. Add this code into custom.css file:

@media (max-width: 979px) { .header .logo img { margin-left: 200px; } }

Thank you.
Regards,
Eva Kemp.
#32491 Copied
robertkooijman

Participant

January 8, 2015 at 20:00

Thanks you Eva for your quick respons!

@ solution 1: on smaller / mobile screens the first language now disappears.
@ solution 5: on smaller / mobile screens the logo now aligns to the right.

And I have another question regarding the header height. When clicked on ‘reserveer’ the body and submenu don’t move equally down.

Hope you can help.

Regards, Robert

#32499 Copied

Eva Kemp

Participant

January 8, 2015 at 20:27

Hello,

Are you checking site on mobile devices or just resizing a browser window?
If you resize the browser window then you need to reload a page.
Could you please clarify with more details concerning the issue with “reserveer” menu item?

Thank you.
Regards,
Eva Kemp.

#32507 Copied

robertkooijman

Participant

January 8, 2015 at 20:53

Hi Eva,

Check on mobile as wel on a resized browser window (with reload).

Concerning the reserveer item: from the homepage just click on ‘reserveer’ and you’ll see the submenu appear. However, the body moves down more because I reduced the submenu height.

Regards, Robert

Please, contact administrator
for this information.

#32513 Copied

robertkooijman

Participant

January 9, 2015 at 07:45

Hi Eva,

Never mind de reserveer item. I will use the drop down menu.

Regards, Robert

#32562 Copied

Robert Hall

Participant

January 9, 2015 at 08:46

Hello robertkooijman,

So, is your issue resolved?

Regards,
Robert Hall.

#32570 Copied

robertkooijman

Participant

January 9, 2015 at 08:50

Hi robert,

I still need a solution voor 1 & 5.

@ solution 1: on smaller / mobile screens the first language now disappears.
@ solution 5: on smaller / mobile screens the logo now aligns to the right.

Regards, Robert

#32571 Copied
Eva Kemp

Participant

January 9, 2015 at 10:21
Hello,

Please add this code in custom.css:

@media (max-width: 479px) { .header .logo img { margin-left: 0px; } }

Thank you.
Regards,
Eva Kemp.
#32603 Copied
robertkooijman

Participant

January 9, 2015 at 11:19

Thank you Eva,

I changed the code to below and now it works.

Regards, Robert

.top-bar .languages-area {
margin-left: -28px;
}
@media (max-width: 767px) { .top-bar .languages-area {
margin-left: -10px;
} }

@media (max-width: 979px) { .header .logo img {
margin-left: 200px;
} }
@media (max-width: 767px) { .header .logo img {
margin-left: 0px;
} }

#32625 Copied

Stan Russell

Participant

January 9, 2015 at 14:05

Hello robertkooijman,

we are happy that your problem is solved. Have a nice day!

Regards,
Stan Russell.

#32650 Copied
Viewing 12 results - 1 through 12 (of 12 total)