Hi!

this code only works on a different device and not with a different browser size on your desktop. So please try it with your iPad and check it. It’s simply not true that it works for a single width only, because it will work for every device size until 989px. This is the way how media queries work. If you want a solution which might work on different browser sizes on your desktop as well then try max-width instead of max-device-width:

@media only screen and (max-width: 989px) {
.av_secondary_right .sub_menu {
right: 200px;
}
.av_phone_active_left .phone-info {
margin-left: 60px;
margin-top: 10px;
}}

Don’t forget to clear browser cache.

Item 3: Change position of title for iPad portrait mode with this code:

@media only screen and (max-device-width: 989px) {
h1.main-title.entry-title {
top: 10px;
}}

Best regards,
Andy

Hey!

please try to deactivate all plugins to see if one is causing this issue. Afterwards you can activate them again one by one to see which one is causing it. Let us know about your results.

Cheers!
Andy

Hey!

please refuse from posting into two different threads with the same issue. I already answered you here: https://kriesi.at/support/topic/tooltip-caption-team-member/#post-484676

Best regards,
Andy

Hey navindesigns!

you did not tell us how you want your menu to behave instead. So I will assume a solution myself and suggest to move logo and menu a little bit using this code:

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
strong.logo {
left: -49px;
}
nav.main_menu {
right: -42px;
}}

Best regards,
Andy

Hey!

ah, I think now I get what you mean.
So you don’t want it to look like this?

View post on imgur.com

If not I don’t understand why you don’t use the code from this thread I already provided to you. Because using this code you could achieve a look like this:

If you want you could even add a margin-top to it to give it a little bit more space:

@media only screen and (max-device-width: 989px) {
.av_secondary_right .sub_menu {
right: 200px;
}
.av_phone_active_left .phone-info {
margin-left: 60px;
margin-top: 10px;
}}

However, you would make it much easier for us to help if you provide us a mockup showing the things you want to achieve. Use imgur.com or dropbox.

Best regards,
Andy

Hey!

you are welcome. Let us know in a new ticket if you have some more questions or issues related to the theme. We are happy to assist you.

Cheers!
Andy

Hey!

are you using WPML? if not you can try to translate it directly with Poedit.
Though can you give us a precise link to the translation in question in case you still need help with this issue?

Regards,
Andy

Hey!

did you try to use accordion element from our ALB instead? I think it could do pretty much the same but without any extra plugins and without any issues. Otherwise you would need to contact plugin’s author for support.

Best regards,
Andy

Hi!

The Jack’s Gallery text seems to be centered for me. I am on Mac 13” and for my screen size you can use this code:

.hdr-contact {
right: -196px;
top: -113px; 
}

You might need to use media queries to adjust for differente screen sizes.

Best regards,
Andy

Hi!

please refuse from bumping into your own thread.

It seems that the installation has some corrupted files. We suggest to you to delete all theme files via FTP and then get a fresh copy from your themeforest account. Hope this will help!

Best regards,
Andy

Hey djshortkut!

unfortunately there is no lighter version of this font in this font-size. Currently it is set to:

.avia-animated-number-title {
font-weight: 400;
}

and if you change it to for example:

.avia-animated-number-title {
font-weight: 100;
}

or

.avia-animated-number-title {
font-weight: lighter;
}

it stays the same.

So maybe you want to decrease font-size? if yes use this:

strong.heading.avia-animated-number-title {
font-size: 40px !important;
}

Adjust as needed.

Cheers!
Andy

Hey!

for your sticky menu try this code:

div#header_meta {
position: fixed;
top: 0px;
width: 90%;
}
strong.logo {
margin-top: 30px;
}
div#header_main_alternate {
top: 30px;
}

Best regards,
Andy

Hey chapdes!

we would need to see the blog page in question. I am not sure if I found the right URL (see private content) on your website, because there I cannot see any breadcrumb. However, use this code to remove the title:

strong.main-title.entry-title {
display: none;
}

Best regards,
Andy

Hey!

you are right, bootstrap is very different to WordPress and no there is no easier way to do it. Please follow Elliott’s instructions.

Best regards,
Andy

Hi!

you didn’t tell or show us which kind of “leftovers” you have. I can’t see it in Appearance->Widget. Can you explain or use screenshots please? However, I think it would help if you delete all theme files via FTP and get a fresh copy from your themeforest account.

Regards,
Andy