Header Optimization - Support | Kriesi.at

Tagged: header

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

Author

Posts
February 27, 2014 at 10:44 pm #230298
Gee Are Pabst
Participant
Hi,

I’ve got 2 questions (header with social icons and botton:
1. If I hold my iPad air in portrait modus, two header lines are quenched. How to I get the lines automatically broken in 2 lines?
https://www.evernote.com/shard/s251/sh/24a79f96-9853-47ab-82c9-1c5510da9dbf/9ac95f48742f8ffed85147c832cab15a

2. How can I get permanently my blog headline “Crossing….” below the miApple.me icon?
https://www.evernote.com/shard/s251/sh/2ecf0cab-0d73-43dd-a457-390c2bda22f5/5aea3093aa69728d489f3e6c6f67a647
If this is not possible how can I reduce the space between the icon and “Blog latest..”?

Thanks!
Gee Are
- This topic was modified 10 years, 10 months ago by Gee Are Pabst.
February 28, 2014 at 4:12 pm #230640

Yigit
Keymaster

Hi!

1- Please change the width to switch to mobile menu – see http://kriesi.at/documentation/enfold/change-when-mobile-menu-appears/
2- Please refer to Ismael’s post here to add a tagline https://kriesi.at/support/topic/how-can-you-add-a-tagline-or-subheading-to-all-pages-for-the-enfold-theme/#post-203194

Best regards,
Yigit

February 28, 2014 at 11:20 pm #230819

Gee Are Pabst
Participant

Hi Yigit,

the second works, thanks, but for the first I would like to have an easier solution ir better to say I do not want to switch earlier in mobile modus:

How can I change the texts ‘Blog – Latest News’ in size and wording?
How can I change ‘You are here’ in size and wording?

Alternatively, how can I switch in a second line in iPad portrait modus beginning with ‘You are here? I mean similar to the menu below the miApple.me icon (miWindows Phone menu bar is switching in a new line.

Thanks and cheers,
Gee Are

March 1, 2014 at 12:44 am #230885
Josue
Inactive Moderator
Hi!

The easier solution would be reduce the text length or number of elements in those menus.

To change the elements you mentioned:
```
.blog .main-title.entry-title a {
    font-size: 24px !important;
}
.breadcrumb-trail .breadcrumb-title {
    font-size: 14px !important;
}
```
Best regards,
Josue
March 1, 2014 at 2:25 pm #231066

Gee Are Pabst
Participant

Hi Josue,

thanks for your assistance. I know that a shorter title would had been the easier way, but now it’s too late, the posts have been already written… ;-)

I’m sorry, but your suggested solution did not work. Is there really now option do get it in the same manner like the menu bar is switching in a second line?
https://www.evernote.com/shard/s251/sh/fd72fa3e-d940-49f8-ab42-b308695530ac/209bd9bf39e4959ca3b8b473bfae5569

Cheers,
Gee Are

March 1, 2014 at 6:46 pm #231106

Josue
Inactive Moderator

I don’t get what you mean by switching the line, could you please elaborate?

Best regards,
Josue

March 2, 2014 at 1:33 pm #231253

Gee Are Pabst
Participant

Hi Josue,

let’s start from the button. I would like to have the blog title name in the iPad view in a new line (but only if the title is too long) like it is on the iPhone view:
https://www.evernote.com/shard/s251/sh/da0f3005-fa4a-4f36-9879-d0d7bf6bdbeb/71d56ec3687087cab28fcb4d1439ae35
(Off-topic: How can I move the menu button a bit away from the blog icon?)

However, I do not want to switch too ‘early’ to the mobile menu on a iPad (as suggested by Yigit).

Saying in other words: If the blog title is too long, it should automatically go in the next line (like the menu bar already does):
https://www.evernote.com/shard/s251/sh/fd72fa3e-d940-49f8-ab42-b308695530ac/209bd9bf39e4959ca3b8b473bfae5569

Cheers,
Gee Are

March 3, 2014 at 7:29 pm #231768

Yigit
Keymaster

Hey!

Please refer to my post here https://kriesi.at/support/topic/long-titles-overlapping-breadcrumbs/#post-195768

Cheers!
Yigit

March 3, 2014 at 10:35 pm #231877

Gee Are Pabst
Participant

Thanks! Works!
Author

Posts

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

The topic ‘Header Optimization’ is closed to new replies.