[DunnsgroupParticipant]

Still not getting the menu options on a single line as I am trying to achieve. I can look up trying to get the CSS Corrected, but if you can add a solution prior to me finding it I would be grateful.

Also, once we have this all completed, will I need to repeat the steps in the parent theme?

Thanks again for you guys continued help!

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 1500px) {
body .x-nav-wrap.desktop {
    display:none;
}

body .x-nav-wrap.mobile {
   display:block; 
}

body .x-nav-wrap.mobile.collapse {
   display:none;
}

body .x-nav-wrap.mobile.collapse.in {
   display:block !important;
}

body .x-btn-navbar {
    display: block;
    float: left;
  margin-top:0;
}
.x-topbar .x-column.x-1-3 {
    float:none;
    width:100%;
}
  .x-topbar .x-nav .menu-item {
    display:block;
 }
.x-topbar .x-column.x-1-3.last {
    position:absolute;
    right:0;
    top:0px;
}
  .x-topbar-inner {
   position:relative;
}
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[DunnsgroupParticipant]

I understand and have been able to get it half way to my goal, however, I cannot have it appear as below;

http://www.awesomescreenshot.com/image/1661143/b3e8c7d758c23140325c37b73be24538

I have updated the PHP file, however, the CSS provided is not responding correctly.

Can you please provide input?

Thank you,

[FriechModerator]

Hi There,

Would you mind providing us FTP credentials in private reply? There is something wrong on your HTML markup, I am only seeing two instances of 1/3 column instead of three and the other one is outside the topbar. Did you properly copy the entire code I’ve provided here: https://community.theme.co/forums/topic/topbar-content-4/#post-1354299

Thanks.

[DunnsgroupParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! Regretfully the given ftp is not working for us. Please double check it and please also add the ftp host name in your next reply.

Thank you in advance.

[DunnsgroupParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for the credentials but did you resolve the issue? Your menu is already aligned (http://prnt.sc/e46oso).

You can add this on your custom CSS to inline all the menu items including the search icon.

.x-topbar ul.x-nav li {
	font-size: 0.8em;
	margin-left: 5px;
	margin-right: 5px;
}

You need this for the mobile menu.

@media (max-width: 979px) {
	.x-topbar ul.x-nav li {
		display: block;
		text-align: center;
	}
	.x-topbar .contact-info {
		text-align: center;
	}
}

Hope it helps, Cheers!

[DunnsgroupParticipant]

Thank you this all have been VERY helpful.

I have deployed that PHP file onto my parent theme and made the same CSS changes to the global settings. However, we are back to having the block. Should I have gone about making the changes to the topbar different from that of what I did in the child theme?

Dunnsgroup.com

[DunnsgroupParticipant]

I believe I have the problem resolved, however, is it possible for me have the topbar fixed so that it is visible while scrolling down?

thank you for your continued help and I promise this is our last question 🙂

[Rue NelModerator]

Hello There,

Thanks for updating in! Glad you have figured out out a way to resolve the issue. To have a fixed topbar, please check out this thread: https://community.theme.co/forums/topic/sticky-topbar/#post-795687

Hope this helps. Kindly let us know.

[Author]

Posts