Hi oestersund!

Unfortunately that functionality doesn’t exist right now. You can save a layout template from the top right corner of the ALB but it doesn’t allow you to make modifications to the template that are then reflected on any other page using it.

Each usage is a copy+paste of the original at the time of loading it into your layout.

Best regards,
Devin

Hi!

I’m not sure if we can offer a fix in this case. That style of mobile menu was removed when the header layout options were added in because it didn’t have good enough mobile support for the new options.

The issue is that the sub menus aren’t actually rendered in the browsers layout and are floating on top. So any kind of overflow trick that I can think of wouldn’t actually increase the users viewport if the content on that page isn’t big enough for the menus to be already visible.

Best regards,
Devin

Hey!

Somehow that pages layout has gotten corrupted/broken. Either in saving or moving content around a color section has gotten nested inside another and its causing the content to be unable to be loaded in correctly.

The quickest way to fix it is to create a new page and keep the new page open while also keeping the current page open in a second window. Then duplicate the layout from scratch with all of the same content.

Once that is done you can remove all of the content from the broken page, delete it and use the new one. If you need the same url (the slug name) you need to delete the old page and remove it from the WordPress trash.

Once again however we will not be addressing any other questions in this topic.

Regards,
Devin

Hey Marc!

This will help reduce the spacing a little bit:

.container .content {
    padding-top: 0 !important;
}

Regards,
Josue

Hey!

Check this topic, it’s the same request:
https://kriesi.at/support/topic/help-contact-form/

Cheers!
Josue

Hey!

You can use the WordPress page ID to target the selectors on that page and then it will only effect that one specific page.

With dev tools, inspect the page and look for the page-id-1234 on the #top selector. It’ll look a bit different depending on the page/post/plugin custom post type. For example, if you inspect this page here on the forums the page could be targeted like this:

#top.postid-263088 .some-selector {color: red; }

That postid would be page-id-## on a page etc.

Cheers!
Devin

Hey!

The border on the right is from the browser. We can’t change that one.

For the margin on the last column element you can target it directly with:

#top.page-id-2251 .avia-builder-el-48 {
    margin-bottom: 0px !important;
}

then add that to a media query if its only for a specific size that its happening.

Regards,
Devin

Hi!

There was a typo on the code, my fault (unclosed bracket). Try with this:

/* This will only be applied on desktop */
@media only screen and (min-width: 768px) {
#mobilecolumns{
display: none;
}
}
/* This will only be applied on mobiles */
@media only screen and (max-width: 767px) {
#mobilecolumns{
display: block;
}
#desktopcolumns{
display: none;
}
}

Cheers!
Josue