-
Search Results
-
Hello,
I have a one page design setup for the home page of the site, which is working perfectly. When I would go to a section of the website, the menu item text would be highlighted lighter than the other menu items. (e.g. I click on “Services” and go to that section and the word “Services” is white and the other menu items are grayed out.)
I wanted to incorporate a blog, but was having a hard time setting up a menu for the home page with links like “#services” for the link and then a menu setup for the blog and post pages with a link like “http://rocketleads.net/#services” for the header menu items.
I came across a plugin that allows you to pick which menus you want for each post, page, etc. It works perfectly, but the problem is that every menu item on the home page is now white (highlighted). Is there a way for me to have the menus highlight as they were before?
I did try to incorporate one menu for the entire site and just use “http://rocketleads.net/#services” for the menu items (instead of just “#services” as the link), but that made all of the menu items highlight, too. Maybe this is the way to go.. I just need some CSS to fix the highlighting menus items? Not sure..
EDIT 1: My site speed has slowed down tremendously since I added the above-mentioned plugin to pick which menus go with which page/post/etc., so I am going to be removing that plugin. Hopefully, making the links the full link instead of just the hashtag will work.. I will just need to figure out to have the menu items highlight correctly.
EDIT 2: Something else I noticed is that when I am on a blog post, the “HOME” menu item is highlighted, but I am technically not on the home page. If I change this from “http://rocketleads.net/#top” to just “http://rocketleads.net” it will not work on the home page. You can see what I am talking about at the blog post below:
EDIT 3: I have found one option which includes removing “HOME” from the menu item bar at the top. I would prefer to keep it up there, but will do it as a worst case scenario.
Also, if there is a better way to handle what I am trying to do, please let me know. I am open for any ideas and recommendations. Again, I am trying to have a one-page home page, a separate blog page and separate post pages.
One page homepage: http://rocketleads.net
Blog page: http://rocketleads.net/blogThanks,
ChrisHi,
1. Can’t see mobile menu on 3.5.2 or now 3.6 endfold.
2. Shrinking header doesn’t work and if you put the menu above the logo, it covers part of the logo even with the default enfold logo.
3. The scroll to top is not there.
4. Add media doesn’t work in default design mode
The only custom css I have is here:
#top #header_meta {
background-color: #000000 !important;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-rss a {
color: #fff;
background-color: #FFA133;
}
#scroll-top-link {
background-color: #2361A1;
color: white;
border-color: black;
}
span.news-thumb{
display:none !important;
}Hello guys,
I have a question regarding changing the header colour. This is the screenshot of my portfolio:

and this is the same page if I scroll the page down (this is the colour that I want btw):

I’ve inserted the codeblock in order to make the header colour blue. But there’s no change, unless I change the colour in the General Styling. This is the code:
<style>header#header.header-scrolled * {background-color: #0091ce;} #top .av-siteloader { border-color: #e1e1e1; border-left-color: #0091ce; } .main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover { color: #0091ce; } .main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover { color: #0091ce; } .av-hotspot-container .av-image-hotspot_inner { background-color: #0091ce !important; } .main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type='submit'], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside:before, .main_color .comment-count, .main_color .av_dropcap2, #top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text, .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover { background-color: #0091ce; color: #ffffff; border-color: #0091ce !important; } .main_color .button:hover, .main_color .ajax_controlls a:hover, .main_color #submit:hover, .main_color .big_button:hover, .main_color .contentSlideControlls a:hover, .main_color #submit:hover, .main_color input[type='submit']:hover { background-color: #0091ce; color: #ffffff; border-color: #0091ce; } #scroll-top-link:hover { color: #0091ce; } .main_color .required { color: #0091ce; } *::selection { background-color: #0091ce; } #athleten,#network{ min-height: 1px; } </style>So my question is how to change the header colour, in particular for the portfolio page, without changing the setting in general styling. Thanks in advance for your awesome support!
Kind regards,
Felixam iPad ist das Feld E-Mail höher als die anderen Text-Input-Felder. Tritt nicht am Desktop auf, wenn das Fenster verkleinert wird, nur direkt am iPad. Schaut aus, als wäre die Font-Größe für das eine Feld größer.
Bitte um Hilfe.
Enfold Version 3.6.1
The responsive menu on my website seems to function well in all environments EXCEPT Safari on iPhone (a 6S running iOS 9.3.2). Works fine on Safari on a Mac, or on Chrome on the iPhone, but with Safari on iPhone, there’s an extra white section at the top that is expanded and lists the menu items, then the rest of the usual website appears below, but there the responsive menu icon is located on the left underneath my logo and the rest of the menu items display in multiple rows below the menu bar. Any ideas?
Viewing 30 results - 94,111 through 94,140 (of 142,620 total)
