-
Posts
-
I need some help with the color of the main menu links. Everything was adjusted to the correct colors and working before and now it reverted back to grey. I have emptied out the cache but it still doesn’t work.
I want to change the main menu links to white, have the hover color as white, and change the text to black when they are hovered over.
I have included temporary login credentials in case you need them.
Hey kevinjsutton!
Please try disabling minify feature if it is enabled on any of your plugins.
If that does not help, add following code to Quick CSS in Enfold theme options under General Styling tab#top .header_color .main_menu .menu ul li>a:hover { color: black; }Regards,
YigitThat did not work. For some reason no matter what I do I can’t get the menu links font color to turn white now.
Hey!
Please make sure that wp-content>uploads folder has correct permissions ( 755 ).
Best regards,
YigitHi!
The media queries on the Quick CSS are not closed properly. Some of the layouts on smaller screens might break because of this. I added the css codes for the main menu at the very bottom of Quick CSS field.
Regards,
IsmaelOk thanks Ismael, that fixed the font color issue for the header!
Now there is a new problem. The color for the phone number has gone back to grey (like the social icons) and the size of the font for the phone number is smaller. It now appears grey when the iPad is in landscape mode and on the web browser. On the iPhone the color shows up correct.
1. How do I set the color of the phone number as #018db0 and increase the size of the font?
2. The mobile menu on the iPhone has now moved up towards the top of the screen. How do I adjust it lower in portrait and landscape?Are there still some css codes that need to be closed properly or were you able to fix that so the layouts don’t break on smaller screens?
Hi!
1) Use the “Small bar above Main Menu”: http://www.clipular.com/c/4867125315371008.png?k=EWMkuGIC8jYUxiXett5OdHGwJ4U color fiield to change the color of the phone number/icons, then save the options and clear the browser cache to view the results.
If you want to change the font size insert this code into the quick css field:
#top #header_meta .phone-info, #top #header_meta li{ font-size: 12px; }2) You can move the menu button by adding this code to the quick css field:
@media only screen and (max-width: 989px){ .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide { margin-top: 20px; } }20px is just a sample and you can use any positive or negative px value.
Best regards,
PeterHey!
Please re-do no.2 here – https://kriesi.at/support/topic/general-styling-issues/#post-271414
It may be deleted if you updated the theme
Have you made changes i suggested here on no 2 – https://kriesi.at/support/topic/general-styling-issues/#post-271262 after making the changes in header.php file?
Best regards,
YigitYes I just double checked and it’s still in the header.php file since it’s a child theme.
I also made those other changes as well so I don’t know why it’s not working now
Hi!
Thank you for using the update.
I think the problem is, you’re creating multiple threads or posts describing the same issues. The fix or solution from the other thread kinda mixed up with the others. To make this more simple, please post a screenshot or mockup of how you want the header to look like on iPad portrait view and another screenshot on how you want it to look like on iPhone view. This will make it easier for us to adjust the existing codes on your Quick CSS.
Cheers!
IsmaelHey!
Alright. Thank you for the info. I made the necessary changes on Quick CSS. Please check it on another browser or computer. Regarding the contact form format, use this on functions.php:
add_filter('avf_datepicker_dateformat', 'avf_change_datepicker_format'); function avf_change_datepicker_format($date_format) { $date_format = 'mm / dd / yy'; return $date_format; } add_filter('avf_datepicker_date_placeholder', 'avf_change_datepicker_date_placeholder'); function avf_change_datepicker_date_placeholder($placeholder) { $placeholder = 'MM / DD / YY'; return $placeholder; }Cheers!
IsmaelHi Support,
I am trying in vain to increase the font from the tiny default size, for the main menu. I saw a support post from the DUDE that shows an advanced styling interface, but I do not have this. link was Main Menu”: http://www.clipular.com/c/4867125315371008.png?k=EWMkuGIC8jYUxiXett5OdHGwJ4U can I get this, is it beta? and will it help?
My website is http://www.focus2photography.com and you can see the menu font is tiny.I tried pasting some quickcode CSS but it had no effect, is it wrong?
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
font-size: 16px;
}It would also be GREAT if I could make the social media icons a little bigger too, but he font is the most important!
Thanks in advance!
SteveI still need help making 2 small adjustments
1. The logo on the iPhone needs to be shifted over to the right slightly in portrait and landscape mode like the mock up. I’m trying to get the logo completely centered under the phone number and social icons. When it was centered, the code uses the whole logo to center (including the word events) so it’s off center to the eye. What values do I change to do this? Hope that makes sense.
2. On the iPhone how do I move the mobile menu button up in portrait and landscape mode so it is in the middle of the header like it is on the iPad? I just want to move the mobile menu button on the iPhone and not affect anything else.
Hi!
Please add following code to Quick CSS
1-@media only screen and (max-width: 768px) { strong.logo { left: 10%; }}2- Can you activate responsive layout in Enfold theme options firstly?
Best regards,
YigitHi!
Go to the Quick CSS field then look for this code:
@media only screen and (max-width: 768px) { .responsive .mobile_slide_out .logo a img { left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); float: none; } }Increase the left property if you want to move it slightly to the left.
Cheers!
Ismael
- The topic ‘Font color for main menu links’ is closed to new replies.