Align Logo and mobile navigation - Support | Kriesi.at

Tagged: alignment, custom.css, logo, mobile

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

Author

Posts
February 19, 2014 at 4:41 pm #226257

WEBIGAMI
Participant

Hi awesome Kriesi-Team! :)

I’m preparing another enfold-website for a new client. I already made some custom css-changes but still have the following issues (I already used the search-function without success in my case.

– I need the logo to be aligned right instead of default left. The main navigation stays left.
– the mobile navigation icon is overlapping the logo on smartphones
– I can’t use the fixed header with my quick css (where I moved the logo above the main navigation)

I already set the following quick css code for having the logo above the main navigation:

http://webigami.de/deppisch/wp-content/uploads/2014/02/quick_css_jansthh.png

The drafted website: http://www.webigami.de/deppisch

I would very much appreciate your advice.

Cheers and thanks,
Jan :)

February 20, 2014 at 5:38 am #226594
Ismael
Moderator
Hey jansthh!

1.) Use this to align the logo to the right:
```
div .logo {
float: right;
}
```
2.) Use this to move the mobile menu toggle:
```
@media only screen and (max-width: 767px) {
.mobile_active #advanced_menu_toggle {
display: block;
margin-top: 0;
}
}
```
Cheers!
Ismael
February 20, 2014 at 10:27 am #226663

WEBIGAMI
Participant

This reply has been marked as private.

February 20, 2014 at 4:32 pm #226858
Yigit
Keymaster
Hey!

Please add following code to Quick CSS and adjust as needed
```
.header_color .main_menu ul:first-child > li > a { color: red; }
```
I have moved the logo to the right. You can find the custom CSS code in Quick CSS section

Regards,
Yigit
February 20, 2014 at 4:43 pm #226871

WEBIGAMI
Participant

Hey Yigit,

awesome!!!! :)

Only in iPad portrait mode it’s not on the right. Why is that?

Thank you,
Jan

February 20, 2014 at 4:45 pm #226873
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 989px) and (min-width: 768px) { 
.responsive .mobile_slide_out .logo {
float: right;
}}
```
Best regards,
Yigit
February 20, 2014 at 5:13 pm #226894

WEBIGAMI
Participant

Hey Yigit,

yeah, here we go!

You guys do a hell of a job. I have more kriesi-theme-jobs in the pipeline… ;)

Cheers,
Jan :)
Author

Posts

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

The topic ‘Align Logo and mobile navigation’ is closed to new replies.