Hey Andrew,
Try this code in the General Styling > Quick CSS field:

.title_container .main-title {
    font-size: 2em !important; 
    text-align: left;
    letter-spacing: 1px;
font-family: 'Roboto'!important; 
    font-style: normal!important; 
    font-weight: 300!important; 
}
#top .alternate_color.title_container .main-title a {
color: #000 !important; 
}
#top .title_container .container {
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
   
}
.alternate_color.light_bg_color.title_container {
 background-color: transparent!important; 
border-color: transparent!important; 
}

.main_color.container_wrap_first.container_wrap.sidebar_right {
 background-color: transparent!important; 
border-color: transparent!important; 
}

Best regards,
Mike

Hey adrianej,
Your first tab has the vertical alignment set to middle, this should fix it :)
Try this code in the General Styling > Quick CSS field:

.avia-section-small .av-layout-tab {
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
}
.avia-builder-el-20 {
        vertical-align: top!important; 
}

Please clear your cache :)

Best regards,
Mike

Hi,
The margin top set to -200 is what is making that bottom section riding up and over the slider.
The tablet views show the changed code, but not the phone view.
It being hard to read, may have to do with too much text for the small screens?
How do you feel about changing the size of the slider?

Best regards,
Mike

Hi,
To put the line behind, try this:

#top .av_header_transparency #header_meta {position: relative!important; z-index: -1 !important; }

Not sure what to do with the mobile view (425px)

Best regards,
Mike

Hey Goedkoopvervoeren,
I added this to your css:

.flex_column_table.av-equal-height-column-flextable {margin-top: -100px!important; }

and turned your grid rows into columns to show your background image. Hope you like it.

Best regards,
Mike

Hey HB-2015,
Have you already added the google font? https://kriesi.at/support/topic/new-custom-font/

Best regards,
Mike

Hi,
Can you see if the flex column has a top padding set to -160px?

To address the slider, Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px){
#top .avia-slideshow-button {
    margin-top: -20px!important; 
}
}
@media only screen and (max-width: 1020px) and (min-width: 767px) { 
.avia-caption-title {font-size: 22px !important; }
.avia-caption-content {font-size: 14px !important; }
.slideshow_caption {padding: 10px !important; }
.slideshow_inner_caption {width: 150% !important; }
}

@media only screen and (min-width: 1021px) { 
.slideshow_caption {padding: 10px !important; }
.slideshow_inner_caption {width: 150% !important; }
}

Please clear your cache :)

Best regards,
Mike

Hi,
I believe this was due to the single 1/2 column at the top of tab 2, but try this code in the General Styling > Quick CSS field:

.avia-builder-el-18.av_one_half {
    margin-left: 0px !important;}

Best regards,
Mike

Hey Stefan,
Please try this: https://kriesi.at/support/topic/menu-display-speed/#post-133934
Or this: https://kriesi.at/support/topic/speeding-up-delay-on-mega-menu-display/#post-363967

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.html_header_transparency #top .avia-builder-el-0 .container {padding-top: 0px!important; }

Best regards,
Mike

Hey Antonio,
Yes, Go to the “Menus module” , under “Appearance”. Then, click on the “Screen Options” button, located on the top right corner. Then, under “Show advanced menu properties”, check the “Link Target” option. On the Menu items options, a new field will be displayed – Link Target – to specify the target of the link.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top .av-main-nav ul ul {
    left: 207px !important; }

Best regards,
Mike

Hi,

The regular WordPress login pages are not working, could you post a link to the login page as well please? You could try this CSS instead to see if you have any luck with it:

.logo, .logo a {
top: 10px;
max-height: 150px;
overflow: visible;
}

.logo img {
max-height: 250px !important;
height: 250px;
}

Best regards,
Rikard

Hi,

Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey adventuresincre,

Great, glad you got it working and thanks for letting us know. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Glad we could help. Please let us know if you should need any further help on the topic.

Best regards,
Rikard