Need some custom code

Hey schwabino,

Thank you for using Enfold.

1.) You can use the following css code to adjust the vertical position of the logo.

.responsive .logo {
    top: 20px;
}

2.) The image gallery doesn’t have an arrow navigation by default. You can only have that type of navigation on a slider.

3.) The sidebar width or sidebar to content ratio can be adjusted in the Enfold > General Layout > Dimension panel. Look for the “Content | Sidebar Ratio” settings.

We encourage everyone in the forum to open a separate thread for each inquiry because having multiple questions in a single post tends to get confusing. Thank you for understanding.

Best regards,
Ismael

Hi,

We would like to apologize for the late response.

1.) For that, you can use this css code to adjust the position of the menu items whenever the page scrolled.

.header-scrolled .avia-menu.av-main-nav-wrap {
    margin-top: 0 !important;
}

Make sure that you add it right after this css code.

.avia-menu.av-main-nav-wrap {
    margin-top: 23px !important;
}

2.) The layer slider is by default, a full width element, so it pushes the sidebar underneath it. Try to add the layer slider shortcode inside a text or block.

Best regards,
Ismael

Hi,
Sorry for the late reply, so I see that your sub-page is not a menu item and I assume that you are not going to add it or others to your menu?
The best approach would be to add your sub-pages as a sub-item in your menu, then they would be highlighted. You can hide the drop-down with this css:

li.dropdown_ul_available:hover > .sub-menu {
display: none !important;
}

Best regards,
Mike

Hi,
I have taken a look and found that there was an error in your css, I have corrected. I also found that your menu was set to “mega menu” which this css doesn’t work on so I set the “services” to a regular menu, but I was unsure about the “work” menu items so I left them for you to change if you wish.
Please clear your browser and webhost cache and check.

Best regards,
Mike

Hi,
I adjusted your css to this:

ul.sub-menu {
display: block !important;  
opacity: 0 !important; 
visibility: hidden !important; 
}

Please clear your browser cache and check.

Best regards,
Mike