I removed:

/*.av-main-nav li:nth-child(3) {
margin-right: 160px !important;
}*/

And the logo is centered again, but it’s still not correct.

The very top header should be dark blue with the navigation links on the bottom on the light blue strip.

This issue has been fixed. Sorry for the topic creation!

Hi, Ismael.

I’m sorry, it will not happen again. The problem has already been solved by using the following link:

https://kriesi.at/support/topic/masonry-filter-links-are-gone-after-update/

Thank you

Thank you for your attempt as fixing my issue Josue. Unfortunately it may have looked right on “browser mobile editor” but reality was not the case. The input and button were not side by side.

I think I failed to explain the problem properly so I will try again.

As I tried to explain before we want to use the ENFOLD Mailchimp Newsletter Sign Up Widget:

I had added the regular form to show you how we wanted it to look. Perhaps that was my mistake. I have rectified that and added my CSS to the Quick CSS.

Here are the problems I am running into in browser:

• When you squish the browser the button and text box go under the overflow and the text box overlaps on the words.
• We would like it to slip to the next line instead.

Obviously I know some of it is because I used positioning to force it to sit right. We want it to be one one line for browser but responsive enough that as you squish the browser it moves to the next line instead of disappearing in the overflow.

Below is my CSS:

/*Mailchimp Widget horizontal*/

.flex_column .widget .widgettitle, .content .widget .widgettitle {
    margin-top: 1.5em;
    width: 55%;
    font-size:1.8vh;
    float: left;
    clear: none;
}

#avia_mailchimp_widget-2 h3.widgettitle {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size:1.8vh;
    top: 12px;

}

#top .av-mailchimp-widget p {
    margin: 2px;
    min-width:125px;
    float: left;
    width: 25%;
    clear: none;
 
}

#top .av-mailchimp-widget .button {
    position: relative;
    left: 20px;
    margin-top: 0;
    min-width: 125px;
    width: 25%;
    padding: 14px;
    float: right;
    clear: none;
}

#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
    margin: 0;
    position: relative;
    float: left;
    left: 35%;
    bottom:14px;
}
@media screen and (min-width:320px) and (max-device-width: 480px) {
.flex_column .widget .widgettitle, .content .widget .widgettitle {
    margin-top: 0.85em;
    width: 100%;
    font-size:100%;
    float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
    margin: 0;
    position: relative;
    float: left;
    left: 0;
    bottom: 0;
	overflow-x: inherit !important
}
#top form {
    margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
    margin: 2px 0;
}
#top .av-mailchimp-widget .button {
    position: relative;
    margin-top: 5px;
    width: 75%;
    bottom: 4px;
	overflow-x: inherit !important
}
}

/* Landscape */
@media screen and (max-device-width: 640px) and (orientation: landscape){
.flex_column .widget .widgettitle, .content .widget .widgettitle {
    margin-top: 0.85em;
    font-size: 2.0vm;   /* IE9 */
    font-size: 2.0vmin;
    line-height: 20px;
    width: 60%;
    float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
    margin: 0;
    position: relative;
    float: left;
    left: 0;
    bottom: 0;
}
#top form {
    margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
    margin: 2px 0;
}
#top .av-mailchimp-widget .button {
    position: relative;
    margin-top: 5px;
    width: 75%;
    bottom: 4px;
}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
.flex_column .widget .widgettitle, .content .widget .widgettitle {
    margin-top: 0.85em;
    width: 60%;
    float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
    margin: 0;
    position: relative;
    float: left;
    left: 0;
    bottom: 0;
}
#top form {
    margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
    margin: 2px 0;
}
#top .av-mailchimp-widget .button {
    position: relative;
    margin-top: 5px;
    width: 75%;
    bottom: 4px;
}
}

/* Mailchimp Success */
.avia-form-success {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px;
    line-height: 1.4em;
    border-radius: 2px;
    float:left;
}

This was the code i was talking about

https://kriesi.at/support/topic/ajax-portfolio-show-at-current-location/#post-171923

Hi Rikard,

As noted at the beginning of the thread, I’m trying edit the navigation menu height, but only on a specific page. This is the original code:

#top .av-submenu-container{
height: 6em ;
}

I tried the following code, but it didn’t work:

body#top.page-id-3964 .av-submenu-container{
height: 6em ;
}

Hey Andy,
thanks for reply.
Thats not the problem.
Problem is the missing Text-Block in Raster-Layout of the blog layout (see screenshot):

View post on imgur.com

<script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

View post on imgur.com

I have tried the solution described here: https://kriesi.at/support/topic/content-elements-not-showing-on-blog-page/
But ist doesn`t work properly.

Best regards
Hans-Gerd

• This reply was modified 9 years, 10 months ago by hagege. Reason: additional link

Hi,

a precise link would be for example (please take a look to private content.
Here we used a separate widget area in the right sidebar called “BIOTOP Schwimmteich”.

Previously here shown elements are now (after the last update) in the field “inactive widgets” and can not be pushed back.
To test the problem you can take any element there and try to drop it into any separat widget area.

Thanks and best regards,
Jugalbandi

Update.

I have removed that code and tried the widget in header option.

I’ve created a widget called Header and added the banner code. I’ve tried all the different CSS suggestions to position my banner but it always appears below the menu.

It is never ‘in the header’

This is the CSS I’m using at the moment.

#Header .widget {
  float: right;
  z-index: 999;
  height: 120px;
  top: -135px;
}

Thanks

Thanks for getting in touch Ismael,

Unfortunately the site isn’t live as of yet; so, I can’t post a link to it for the time being; unless you are willing to sign in using a unique UN and PW.

You can see the entire code I used in the previous thread and it’s working just as it should; except, that I would like to change the background of the main menu and the secondary menu on top of that back to solid white upon scroll.

As far as “Guenni007” code snippets concern this, they do not have any effect.

As always, many thanks for your time and support in helping me resolve this small issue.

Hi,
anbei der Link zum Dropboxordner, mit Screenshots von den Dashboardeinstellungen, sowie zwei Screenshots der mobilen Ansicht:
– mobile Ansicht_01: Das Bild mit der Frau wird gar nicht erst angezeigt in der mobilen Ansicht.

Ein weiteres Problem:
– mobile Ansicht_02: Der gelbe Kasten mit “Leichtigkeit & Lebensfreude” wird in der Laptop-Ansicht gezeigt, in der mobilen Ansicht sind diese beiden Wörter abgeschnitten.

Welche Einstellungen muss ich vornehmen, damit die mobile Ansicht synchron zur Laptopansicht angezeigt wird?

LG Joana