I solved first issue with Custom Css:
li:last-child > ul.sub-menu{
margin-top:-170px;
}

Can you assist with second issue: disable hover red underline effect on “Call Us NOW..”

Thanks.

• This reply was modified 9 years, 6 months ago by Londonvatoday.

Thanks for the quick response but I still can’t seem to get it too work. My quick css looks like this

#menu-item-3194 a span {
background-color: #green ;
color:white;
}

#top .header_color .main_menu .menu ul li {
background-color: transparent;
color:black;
}

The green of the button is still a background color for all the submenu items. I’m pretty new to wordpress and am grateful for the support. Any advice that makes things look better eg underlining in a color is very gratefully received.

PS: I figured out how to change the color for the social icons on smartphones with that:

@media only screen and (max-width: 467px) {
.av_header_transparency .social_bookmarks li a {
   color: #252525!important;
}
}

But still can’t figure out how to change the secondary menu’s color and font size on smartphones only.

But on iPad the header is transparent but the (linked) phone info text appears in black instead of white. Same with linked text on Desktop

Cheers,
Jan

Hi Yigit,

great to hear from you. That worked, thank you! :)

Two more questions to this topic:

1) I want the secondary menu item and the “phone-info”-text to have the same font size. But can’t manage to do it with this code. It changes the phone-info-size but not the secondary menu item:

.phone-info {
font-size: 13px;
.sub_menu font-size: 15px !important;
}

2) On smartphone the text colors of the social icons and linked texts are white on white. What can I do?

Thanks, Yigit!

Jan :)

Ismael, I entered the css code you provided in your last post, so the Quick CSS under Theme Options>General Styling now looks like what I have pasted below.

In addition, in your last post you had asked me to check the actual resolution of the SurfacePro. Here is what my client is telling me:

“The problem is still there. It does, however, change when I lower the resolution. I have my surface set at the highest resolution (2160×1440), which is the recommended resolution. If I lower the resolution, the banner gets better during each stage and looks perfect if I set the resolution low enough. However, I know a lot of people who use surface pros and the majority have it at the highest resolution.”

AND HERE IS THE CSS CODE AS IT NOW APPEARS IN QUICK CSS:

div .logo {
display: none !important;
}

.tablepress-id-1 {
width: auto !important;
}

.tablepress .column-1 {
width: 325px;
}

.tablepress .column-2 {
width: 200px;
}

.tablepress .column-3 {
width: 100x;
}

/*TEXT SIZE BIGGER AND COLOR DARKER PHONE INFO BAR*/
.phone-info {font-size: 20px !important;color:#2F4A87 !important;}

@media only screen and (min-width: 2000px) {
.surfaceclass {
margin-top: 0 !important;
}
}

@media only screen and (min-width: 2000px) {
#layerslider_8 .ls-bg {
margin-top: 0 !important;
}
}

Many thanks for your assistance, as I really need to get this resolved.

Best regards.

• This reply was modified 9 years, 6 months ago by Arrastia.

Ok great stuff thanks Josue,

One other thing I would like to be able to do is get rid of the vertical line the | that is between menu items.. I don’t see that option available..

I am using some word wrap stuff https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385 + and other code to change the font size for the last menu item… https://kriesi.at/support/topic/how-to-change-font-colour-of-one-menu-item/#post-437743

What I am noticing see dev site http://bradev.pruuph.ca/ is that the lines between menu items is causing there to be extra space added above the menu items.. if I can either control the line beside/to the left of the last menu item [ #menu-item-13078 ] or get rid of the lines all together I think that would help things..

Let me know if this is a setting or if i Need some extra css..

cheers..

Hi Yigit,

thanks for your reply.

Actually, that doesn’t work. That’s because the right CSS class would have been .avia-caption.av-slideshow-caption

But never mind, I found the solution myself and you can close this topic.

Thank you for your help and best regards,

Andreas