Well, I spoke too soon.

Logo Resizing on IPad

I want to show a unique wide horizontal logo on mobile devices. I have it working now on an IPhone by specifying a unique image in functions.php for the mobile logo as specified in your help. I display the horizontal image with a backgound color identical to the header color, and with a fixed width specified in quick css as:

@media only screen and (max-width: 767px) {
#header_main .inner-container {
height: 100px;
}
.responsive .logo img {
max-height: 100px;
max-width:250px;
height:100px !important;
width:250px !important;

}}

This works perfectly on the IPhone, either in regular or landscape mode. On the IPad, however, it replaces the logo as it should, but it resizes the logo according to the width, which is exactly what I don’t want. I either want the IPad to use the standard logo, and let it resize it, or use the mobile logo, and don’t resize it. How can I do either?

Drop down menus on IPad

Drop down menus work perfectly on all devices, except the IPad in Vertical Orientation, where the background color changed to the top level menu selection color. In horizontal mode, it works fine. On every other device it works fine. It’s just on the IPad Vertically it does this. Why? Just as FYI, I used the following Quick CSS to highlight the top level menu on hover.

#avia-menu li:hover a {
background: #720903;
font-weight: bold;
}

I am literally going out of my mind trying to fix these things..

And uor costum css is:

Enfold costum CSS:

#footer { font-size: 14px !important; }

.header_color .main_menu ul:first-child > li> a { font-weight: 700;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.header_color .main_menu ul:first-child > li> a { font-weight: 700; text-transform: uppercase;}

.av-main-nav > li:first-child .avia-menu-text{ border-left: 0; }
.av-main-nav > li:last-child .avia-menu-text{ border-left: 0; }
.avia-menu-fx{ display: none; }
.av-main-nav > li > a > .avia-menu-text{ border-left: 1px solid #e2e2e2; padding-left: 20px; }

#top .main_menu .menu li ul a {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
font-weight: open sans;
font-weight: 700;
text-transform: uppercase;}
}

.main_color .image-overlay .image-overlay-inside::before {
background-color:#F40 !important;
}

h2, h3, h4, h5 {
font-family: ‘Century Gothic’, CenturyGothic, AppleGothic, sans-serif;
}

.widget_nav_menu a {
font-family: ‘Century Gothic’, CenturyGothic, AppleGothic, sans-serif;
}

.widget_nav_menu a { font-size: 16px !important; }

Hi Rikard,

Thanks for your reply.
The top wp tool bar continues to be seen despite the code has been placed. :(

Hey Guys,

I don’t get any responses anymore on this topic:

How come?? If you are searching for a solution, let me know, cause I’m used to awesome service from you guys, so this is out of the ordinary (and annoying haha)….

Can you please help me out here!?

grt Boris

Thank you for the reply.

I have added you as a user.

I also posted separately that the slider is not working so maybe you can look at this as well? When viewing the slider as a demo it works perfectly and moves from one slide to the next however on the actual website it only shows the first slide and stops. I have no 3rd part plug ins.

I spoke with godaddy and they added a .php if you need to access the info.

Thank you

Hello,

I have done it with this line:
#top .av-section-color-overlay-wrap{position: relative;margin-top: -1000px;width: 120%;},

but now another problem occurs. When the page loads, this contact form which is now in the right position, appears for a brief moment and then dissapears and then again appears when i move the the mouse wheel or slider.
Why is this happening and how to eliminate this?

Regards,

Dejan

Hey Vinay,

I deactivated all plugins and nothing changed. I also activated them one at a time and nothing changed. My wordpress and enfold is up to date. I included the details to login my account in the private content field.

also fyi, I only added text to the first three images in the top (first) masonry gallery!

Thank you,
Chris

• This reply was modified 10 years ago by ccyran.

Hi Rikard, your solution works somewhat. I do now have a link in the column covering all contents between the link, however all text is underlined to indicate the link which is not desireable.

can you tell me a solution for it?

also, any idea why below solution doesn’t work for me?

https://kriesi.at/support/topic/apply-link-to-column-box/

Hello:

I recently update wordpress and my enfold theme and it seems that the quick css you gave me is not working. The menu fonts are small and the menu items are shoved tight to the right of the screen. I could use some help. The quick css i have is below. Can you let me know what the correction is please:

@media only screen and (max-width: 1200px) {
#top #header .av-main-nav > li > a {
font-size: 16px !important;
}
}
span.comment-count {
display: none;
}

#top .widget li a {
color: white;
}

#top .widget .children{
margin-left: 9px;
}

Since the support team seems a bit swamped with so many requests, I did some research and I achieved (nearly) what I want.
I activated the header secondary menu and made the “built-in to Enfold” language flags appear. Then I used the following CSS I found in another post with some tweaks to my header:

@media only screen and (min-width: 768px) {
.sub_menu {
    position: absolute !important;
    top: 85px !important;
    right: 120px !important;
}
}

.header-scrolled .avia_wpml_language_switch.avia_wpml_language_switch_extra {
top: -32px;
}

#top ul.avia_wpml_language_switch li {
    margin: 0px 10px 0px 5px;
}

I don’t know if I made any mistakes or if I could make the code better but it seems to work.
What I would finally want to achieve is to remove the black strip of the secondary menu but keep it for the language flags when it goes into mobile view.

Also I noticed that the social menu icons disappear when the layout jumps into mobile menu view.

I am attaching some screenshots to indicate the above. I hope they help and I hope you will help.

Thanks