Logo not is not center with menu on desktop - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
February 20, 2025 at 1:21 pm #1477484

cktanju
Participant

Hi Guys,

I know that it should work by default but it isn’t working, that the Logo out vertically centered with the menu at the desktop. Mobile is everything fine. Can you look into it? Thanks.

February 21, 2025 at 5:04 am #1477527
Ismael
Moderator
Hey cktanju,

Thank you for the inquiry.

Did you add this css code?
```
.logo img.alternate {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
}
```
You can override it with:
```
.av_header_transparency .logo img.alternate {
    top: 30px;
}
```
This should adjust the position of the logo.

Best regards,
Ismael
February 21, 2025 at 11:01 am #1477545

cktanju
Participant

Hi Ismael,

thanks for your answer.

I did not. That’s the part which is strange.
I put this quick css in – see below. .

Before I put anything new into quick css – I’d like to get into the bottom of this problem.
KR
Tanju
.main_color tr:hover
{
color:#FFF;
background: #000 !important;
}

.slideshow_caption { width: 60%;}
.avia-caption-title {
position: relative;
top: -40px;
}
.avia-caption-content {
position: relative;
top: -40px;
}

@media only screen and (max-width: 767px) {
.responsive #top #scroll-top-link {
display: block;
}
}

#header_meta .avia_wpml_language_switch { display: none; }

@media only screen and (max-width: 1112px) {
.menu-item {
display: none;
}
.main_menu {
display: block !important;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

div .av_one_fourth {
margin-left: 2%;
width: 34%;
}

.avia-promocontent * {
font-size: 20px!important;
}

#top .av_promobox .avia-button .avia_iconbox_title {
font-size: 20px;
}

#footer .container {
max-width: 95% !important;
}

#top .av-large-testimonial-slider .avia-testimonial-meta {
float: left;
}

.special-heading-border {
display:none !important;
}

February 22, 2025 at 4:37 pm #1477628
Mike
Moderator
Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
@media only screen and (min-width: 990px) { 
.logo .avia-standard-logo-sub img.alternate {
  position: relative;
}
}
@media only screen and (max-width: 989px) {
.responsive .logo a {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
}
}
 @media only screen and (min-width: 990px) { 
 	#header:not(.av_header_transparency) .logo {
 		top: 36%;
 	}
 }
```
Best regards,
Mike
February 23, 2025 at 12:58 pm #1477695

cktanju
Participant

Hi Mike,

thanks for your answer, but still it’s not centered with the menu on the right. Sorry. You can look up the result of your CSS online.

Kind regards
T

February 23, 2025 at 3:06 pm #1477705

Mike
Moderator

Hi,
I checked with an incognito window and it looks like it is working:

Try disabling your wp-rocket plugin and clearing your cache

Best regards,
Mike

February 23, 2025 at 3:09 pm #1477706

Mike
Moderator

Hi,
For tablet

Best regards,
Mike

February 23, 2025 at 3:29 pm #1477707

cktanju
Participant

Hi Mike,

true on iPads and mobile everything is Fine, the desktop version is the troubling one.

I tried all the caching stuff. But still.

KR
Tanju

February 23, 2025 at 3:31 pm #1477708

cktanju
Participant

Hi,

I’ll check again tomorrow.
Thanks – I’ll get back to you!

KR
Tanju
Happy weekend

February 23, 2025 at 3:33 pm #1477709

Mike
Moderator

Hi,
these images are from desktop:

What browser, OS are you using?
please include a admin login in the Private Content area so we can examine further.

Best regards,
Mike
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.