Hey!

I think it is better to put it on top of the breadcrumb because the breadcrumb’s width will differ according to the level of pages you’re in. Use this on Quick CSS:

div.fontResizer {
position: absolute;
z-index: 20;
right: 0;
width: auto
}

.fontResizer p {
float: left;
}

.fontResizer li {
margin: 3px 0 0 0;
}

.breadcrumb.breadcrumbs.avia-breadcrumbs {
top: 40px;
}

Regards,
Ismael

Hey!

I tested the code I gave you and it works fine. This is how it should look like after you added the css modifications:

I modified the code a bit. Please use this:

@media only screen and (max-width: 767px) {
#header_main {
max-height: 100px;
}
.mobile_active #advanced_menu_toggle {
top: 50px;
}

.responsive .mobile_slide_out .logo {
position: relative;
top: 5px;
}

.responsive.social_header .phone-info {
margin-top: 10px;
}
}

Remove browser cache then reload the page a few times.

Cheers!
Ismael

Hi mrlreynolds!

Firstly you should edit your logo. You can add following code to Quick CSS in Enfold theme options under Styling tab to achieve what you would like but logo image will be stretched

@media only screen and (min-width: 989px) { .logo, .logo a, .logo a img { width: 285px!important; height: 40px!important; }}
@media only screen and (max-width: 480px) { .responsive .mobile_slide_out .logo { margin-bottom: 30px; } 
#advanced_menu_toggle { top: 75%; } }

Cheers!
Yigit

Hi Robsticles1!

Please add following codes to Quick CSS in Enfold theme options under Styling tab
1)

#top #menu-item-search.menu-item-search-dropdown>a { display: none; }

2)

.multi-big .post_author_timeline { display: none; }

3) Can you post the link to your website so we can inspect elements?
4) It would be possible but you are going to need to hire a freelance developer for that kind of a customization

Cheers!
Yigit

Hey!

It seems like some of the CSS codes are not being applied for your 3rd and 4th question. Please try adding it to custom.css file inside Enfold/css folder and if that still does not work, you can try adding !important to force it as following

#top .main_menu .menu>li:last-child>a {
padding-right: 15px!important; }
.header_color .main_menu ul:first-child > li > a { color: white!important; }
.header_color .main_menu ul:first-child > li > a:hover { color: black!important; }

You should edit your logo image. It displays fullsize of your logo.
Do you mind creating a temporary admin login and post it here privately so i can do it for you?

Best regards,
Yigit

Hey andreyp1978!

Please see https://kriesi.at/support/topic/kriesi-logo/#post-161892

Regards,
Yigit