Hi!

Go to LayerSlider WP > Global Settings > Basic > set the width of the “Layers Container” and “Responsive under” options.

Regards,
Ismael

Hi!

You can try the RoyalSlider plugin. Hire a freelance developer to make it fully compatible with the theme. Visit http://werkpress.com/.

Regards,
Ismael

Hi LiveLightCo!

Please use this on your custom.css or Quick CSS:

.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
border: none;
}

.bottom_nav_header.social_header .main_menu ul:first-child>li a {
border: none;
}

Regards,
Ismael

Hey!

1.) You can create a new shop page then insert the LayerSlider + Product Grid element. Deselect the page on Woocommerce > Settings > Pages > Shop Base Page.

2.) I don’t see the issue with the logo getting smaller but you can add this on Quick CSS:

.logo img {
height: 97px !important;
}

3.) Change the variation select text using this:

#top .main_color select {
color: red;
}

4.) Can you please post a screenshot?

5.) Add this to make the background transparent for logo/partner element:

#top .avia-logo-element-container .slide-image {
overflow: visible;
background: none;
}

6.) You can use this to change the blog background:

.blog .container.template-blog {
background: white;
padding: 0 20px;
}

Remove browser cache then reload the page a few times to see the changes.

Best regards,
Ismael

Hey!

Please add this on your custom.css or Quick CSS to fix the logo:

@media only screen and (max-width: 767px) {
.responsive .logo img {
margin: 0 auto;
max-width: 100%;
width: 100% !important;
position: relative;
top: 15px;
}
}

Did you modify anything on the theme files? The responsive menu is not showing. You have a lot of plugins installed, please try to deactivate them. See if it fixed the issue.

Best regards,
Ismael

Hey!

I tried it on Quick CSS but it is not working. Do you have access to the custom.css? Please add Yigit’s and my code there:

.content, .sidebar {
padding-top: 10px!important;
padding-bottom: 10px!important;
}

body .column-top-margin {
margin-top: 10px!important;
}

Edited: I added the changes directly on header.php and it seems to work now: http://www.gc-vitae.nl/

Best regards,
Ismael

Hi designing!

Can you please give us a link to the website? Attach a screenshot of the elements or objects that you want to change.

Regards,
Ismael

Hi!

Glad it worked. :)

Regards,
Ismael

Hey Courin!

Edit header.php, find this code:

echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

Below, add this code:

echo "<div class='header-search'>";
get_search_form();
echo "</div>";

Add this on your custom.css or Quick CSS:

.header-search {
position: absolute;
top: 30px;
left: 250px;
}

Modify the main menu font using this:

 .header_color .main_menu ul:first-child > li > a {
color: red;
}

.main_menu ul:first-child > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 15px;
}

Cheers!
Ismael

Hey cbrand!

Can you please give us a link to the website? I don’t see anything wrong with the settings.

Best regards,
Ismael

Hi!

Did you select the “Logan Square” tag under “Post Tag” option?

Cheers!
Ismael

Hi!

You can add this on your custom.css or Quick CSS.

@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo { 
margin: 20px 0;
}

#header_meta {
position: absolute;
bottom: 35px;
border: none;
box-shadow: none;
background: none;
left: 18%;
}
}

Please remove browser cache then reload the page.

Cheers!
Ismael

Hey!

I don’t see any content slider on the website. Can you please point us to the actual page?

Cheers!
Ismael

Hey David!

You can use this:

.main_color input[type='submit']:hover {
background: orange;
color: white !important;
}

Best regards,
Ismael

Hey!

You can remove the nested sidebar pages on Enfold > Sidebar > Page Sidebar navigation. Save changes.

Cheers!
Ismael