[ahurlburt53Participant]

hi when i go to other pages except for home page. the fixed top bar menu is unreadable. I want the menu bar to look just like this when people scroll down the page other than the home page. Meaning the current nav bar looks good on page but not the others. screen shot http://i.imgur.com/p6fsX2T.png

sample web url http://06e.637.myftpupload.com/about-us/

want the menu bar and nav nar menu items to look exactly like this. It also has to look nice on individual blog pages

blog page example http://06e.637.myftpupload.com/cisco-asa-with-firepower/

heres is the current page i am mirroing to look like on X http://www.extensysinc.com/

[ZeshanMember]

Hi there,

I’ve answered to your other similar thread: https://community.theme.co/forums/topic/i-have-to-mirror-this-site/#post-821356 Once you make the asked changes, it will also resolve the navbar issues on other pages.

Thank you!

[ahurlburt53Participant]

Did not work need menu just like this website and logo. notice there are two black transparent backgrounds. One for logo area and the other for navbar menu. Also social media is on the same line as menu with a transparent black background

http://www.extensysinc.com/

screen shot http://i.imgur.com/CZjtzwL.png

[RupokMember]

Hi there,

Thanks for updating. Upon checking your website it seems your style is broken. Are you using Child Theme and updated your theme recently? Then you need to follow this to fix the issue first – https://community.theme.co/forums/topic/child-theme-updates/

Let us know once it solved.

Cheers!

[ahurlburt53Participant]

Not quite sure what you’re referring to site is working

[RadModerator]

Hi there,

Could be connectivity, happens a couple of times where your site’s styling isn’t loading. And about the screenshot, you mean the transparency should change when scrolled down right? If yes, then please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery ( function($) {

$(document).on('scroll', function() {

if( $(document).scrollTop() > 10 ) {

$('.x-navbar').attr('style','background:rgba(34,34,34,0.8) !important');

} else {

$('.x-navbar').attr('style','');

}

} );

} );

Hope this helps.

[ahurlburt53Participant]

I added java code. However nothing happens. Just want a simple black bar that floats at the top and is black with blue text. as of now its still transparent. Also the blog pages need help in regards to menu bar

[ZeshanMember]

Hi there,

You need to first change your header layout to Stacked under Header > Logo and Navigation > Layout in the Customizer (see: http://prntscr.com/6p1uwk). We’ve asked this a couple of times on your other similar thread. Kindly change the layout so we can proceed.

It seems that you are opening multiple threads on a same topic: https://community.theme.co/forums/topic/fixed-menu-issues/. Kindly avoid creating multiple threads as it can cause a lot of confusion and we cannot keep track of what’s solved and what’s not. We’ll keep all discussion related to header and menu of your this site: http://www.extensysinc.com/ in this thread.

Thank you!

[ahurlburt53Participant]

Will you please help with what i’m looking for. I’ve asked several times but your giving me wrong information. I’ve done everything you asked but your not looking at screen shots or requests

[ZeshanMember]

Hi there,

I’m sorry if there is any mis-understanding here! But, I’ve checked your site again and your header layout is still Inline instead of Stacked (see: http://prntscr.com/aaz8cp).

If this is your question:

Did not work need menu just like this website and logo. notice there are two black transparent backgrounds. One for logo area and the other for navbar menu. Also social media is on the same line as menu with a transparent black background

It is important that you select an stacked layout as asked above an in your other thread. Without that, it’s not possible to achieve two black transparent backgrounds and social media in the same line as menu. If that’s not what you are wanting to achieve, please provide us with more detail on what is it that you are wanting to achieve, we’ll be happy to provide you with a response once we have a better understanding of the situation. 🙂

Please also provide us with your WordPress login credentials so we can take a closer look to the backend if your site. Don’t forget to select Set as private reply to ensure your data remains hidden from other users.

Thank you!

[ahurlburt53Participant]

This reply has been marked as private.

[ahurlburt53Participant]

Heres an attachment of weebly of what client wants the new site to look like. Don’t worry about social media icons. Just need the opaque backgrounds for both menu locations, easy to read on mobile devices, and single blog posts. The search bar needs to be like this picture to for new site

[Paul RModerator]

Hi,

To achieve that, you can add this under Custom > CSS in the Customizer.

/* align logo to left */
body .x-logobar {
    text-align:left !important;
}

/* black bacckground on scroll */
.x-navbar.x-navbar-fixed-top {
    background-color: #000 !important;
}

/* black background on single post */
body.single-post .x-navbar {
    background-color: #000 !important;
}

/* black backgroud on mobile */

@media (max-width: 979px) {
.x-navbar-inner {
    background: #000 !important;
}
}

Hope that helps.

[ahurlburt53Participant]

I’m liking it a lot. I will have my client review in the morning. He might want the logo bar to be opaque to?

[ahurlburt53Participant]

your amazing!!!!

[Author]

Posts