Text below logo - Support | Kriesi.at - Premium WordPress Themes

Tagged: header, logo, text

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
January 15, 2016 at 9:33 pm #566324

Ph_Bl
Participant

Hi,
I want to add a short text below the logo without affecting changes to the menu. Unfortunatetly, the older solution seems to be outdated or not complete. I cannot handle these issues without messing up the position of the menu. Could you please write a more up to date version including the css code?

Thank you!

January 16, 2016 at 3:04 am #566377

Elliott
Inactive Moderator

Hi Ph_Bl!

Try this out, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, it will add a widget area to your header and you can drag a text widget to it.

Cheers!
Elliott

January 16, 2016 at 5:26 pm #566548
Ph_Bl
Participant
Thanks for your reply!

The following custom css code leads to the solution, that the text is below the logo:
```
/* General Custom CSS */

#header .widget {
  left: 0;
  position: absolute;
  top: 0;
}
```
But unfortunately there are some issues maybe based on the length of the text, which is longer then the width of the logo. When I am decreasing the window size, then the menu entries superimpose on the text, and when the mobile menu appears then the text is cropped.

Can I handle these issues within the #header .widget css or do I have to adapt the logo css, and in which way do I have to do this?

Thank you again!
- This reply was modified 9 years, 9 months ago by Ph_Bl.
January 16, 2016 at 6:42 pm #566560

Basilis
Inactive Moderator

Hi!

Can we do please have a link to your web site?
That will help us understand exactly the problem and provide you with a correct solution.

Thanks a lot for your time and patience

Cheers!
Basilis

January 20, 2016 at 7:29 pm #568836

Ph_Bl
Participant

Hi,
maybe you can figure out, how to adapt the custom css code to avoid the unwanted behavior of superimposing and cropping.
Thanks!

January 21, 2016 at 12:40 am #569007

Yigit
Keymaster

Hey!

Can you please post the link to your website as well? :)

Cheers!
Yigit

January 21, 2016 at 3:56 pm #569438

Ph_Bl
Participant

oh sorry! :D

January 22, 2016 at 8:41 am #569813
Rikard
Keymaster
Hi,

Try the following in Quick CSS to activate the mobile menu on an earlier stage:
```
@media only screen and (max-width: 925px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
```
Cheers!
Rikard
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.