it will be much easier to help if there was an example page – if you don’t like to post the live site link on public than only mods could help you. Or is there a Site on Enfold Demo Pages where the analogon is placed?
f.e. http://kriesi.at/themes/enfold-wedding/ the heading there

first of all the source code has to be in this way that you can make a selection between first line and after break the second line.
Because html works in headings of enfold you can do the following to obtain a two line heading:

first line<br/>second line but to make it easier to differ this might be a good source for that:

first line <br/><span>second line</span> this will be enough but to shorten sometimes the code in your quick css it might be good to have here
for the whole heading a custom class f.e. headline-background

• This reply was modified 8 years, 2 months ago by Guenni007.

you have to work with media querries:

f.e.

@media only screen and (min-width: 989px) {
.mobile-slider {
display: none;
}
}

so this slider is not shown if the screen width is more or equal to 990px

you have to decide the split point for that – if the split point is 768px

@media only screen and (max-width: 767px) {
.desktop-slider { display: none !important; }}
@media only screen and (min-width: 768px) {
.mobile-slider { display: none !important; }}

max and min width if it is above 768px the one is shown the other is not
if it is beneath 768 vice versa – thats all

also auf dem Ipad mit Retina Display ist die kleine weisse Linie da ?
Keine Ahnung wo die herkommt.

ich habe das Problem im Safari 10 / El Capitan nicht!
aber wie gesagt, Du musst ja nicht das Bild genau 1500px groß machen ! Lege doch mal bitte eines mit 1510px bereit und nimm dann original size

Edit: wenn ich im Safari vergrößere mit (früher) apfel + und das ein zweimal – dann habe ich da auch einen winzigen weissen streifen.
Aber bei 100% Vergrößerung nicht !

• This reply was modified 8 years, 2 months ago by Guenni007.

just a moment – to clarify what you want.
You want to show the sites of your website as a list in your Footer – but you have too many sites – so that the list is too long?
First of all – you don’t need to show a sites list. This is a default setting if the footer widgets are empty.
To split the list i think is not possible by default.

If you do intentionally drag&drop the pages list there f.e. in the first column there is first a sort option (via ID or page title etc.) and than (for you ) the possibility to exclude some pages from the list. So exclude the second half – and on Column 2 exclude the first half of your site list
– but you have to know your Page-IDs for that.

In Dashboard on Pages List you can see the ID by hovering the page – there is at the left bottom corner of your browser-window than a link with the ID of the post. (On Safari not – but Firefox, Chrome, Opera etc. did)

• This reply was modified 8 years, 2 months ago by Guenni007.

Thanks – i’m a participant here too – but i could help you because your nick here on board and a bit of google – helped me to find your site.

no – no hack at all.
Meanwile all browser got a kind of developer tools. But i like the first tool in that manner it is called firebug (Firefox Plugin)
On that you can f.e. right click on a heading and choose from context-menu “investigate with firebug” a second window opens and shows you the sourcecode and the concerning css code / the DOM / or script-elements
On that little tool it is possible to simulate f.e. any css changing you want and the screen from firefox shows the changings made for that.
So no live hack – it is a simulated Change with screen control.

To your Problem now.
for some reasons i had to set up the clearing to none . Perhaps this is the reason for double content.
The construct is very strange because the content is there twice ( on klick to a group the all content goes to invisible – look to the source code:

<div class="av-magazine-group sort_all" style="opacity: 1; display: block;">…
<div class="av-magazine-group av-hidden-mag sort_58" style="opacity: 0" display: none;"> …
<div class="av-magazine-group av-hidden-mag sort_45" style="opacity: 0; display: none;">…
<div class="av-magazine-group av-hidden-mag sort_44" style="opacity: 0; display: none;">…

you see how the sorting works – clicking on all the first div with all is visible – the rest is display: none
so there is twice content because all and for each group once!

Try to change first that f.e.

#top .av-magazine-group {
    clear: right;
    display: block;
    float: left;
    width: 70%;
}

if this is not the solution please remove all clearing rules and than i will have a look with my firebug to solve it.

All Headings in your footer looks the same here (Mac Safari, Firefox, Chrome) Same Font, Color and font-size.

seems to be a bit like a booking system – and events calendar has one.
So you can present a calendar on which (if the members are logged in) they can enter their names. The calender solution has one big advantage – you don’t need to erase the list week by week – you can show f.e. only the running Month and so on.
I suppose that could be a solution for you

Vorteil zu dem bei der Script Lösung – du kannst auch gleich noch den Shrinking amount einstellen:
Auf der Seite oben habe ich zB von Hälfte auf Drittel eingestellt.

Wenn man diesen Shrink Amount nur bei kleinen Screens haben will kann man das via Css auch ermöglichen

Du willst das der wegscrollt ?

wenn du nun die Navigation nicht so weit rechts haben willst, dann

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

das paddding-right mit 30px halt varieren und das mit dem Toggle ist damit das nicht so hüpft wenn es umspringt und in etwa auf der Höhe von der Navigation ist

Auf dem Ipad musst du dem Link oben folgen. Josue schrieb mir mal ein kleies Script, dass das Shrinken auf dem Ipad wieder möglich machte.
Musst du in der functions.php des Child-Themes dann als custom script einfügen.

another hint if you set it to:

.av-main-nav > li > a > .avia-menu-text, .av-main-nav li#menu-item-search [data-av_icon]::before {
    bottom: -23%;
    position: relative;
}

the navigation is on the level of the two arrows of the logo – looks nice too

and if you like to have the logo (the yellow background full left)

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

the break-point of main-menu and mobile-menu is set by enfold options to 768px(only Mobile) or 990px (tablets too)

sometimes (if logo should be greater than usual or to many first level navigation entries) it might be better to break earlier; the code i used for that is:

@media only screen and (max-width: 1280px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

but here i see that wrap_all is generally set to display relative: http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/ and if i view it right it is outside the media querry instruction:

#wrap_all {
position: relative !important;
}
@media only screen and (max-width: 1140px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

You have to play with that 1140px value another possibility is what Yigit says to reduce the padding left/right of the listpoints too

What kind of header did you choose there logo left menu right ? – and it has to shrink?

• This reply was modified 8 years, 2 months ago by Guenni007.