Tourist

Navigation Bar Edits

Hi,

 

The theme I am currently using has the logo and nav bar beside each other, however, i want the nav bar to be underneath the logo and also add some text beside the logo instead. how would I do that without changing the theme?

 

TIA.

 

Kaylee

16 REPLIES
Community Manager

Re: Navigation Bar Edits

You'd need to edit the theme to do that, @khedley. Are you familiar with HTML and CSS? If so, you can do that by going to the Theme tab and clicking on "Edit HTML / CSS".

- Adam
Senior Community Specialist
Tourist

Re: Navigation Bar Edits

Yes I am familiar with that! I kind of figured i'd have to do that, do you know what the code would be for the navigation bar? I can't seem to add any of the right codes in to change it. Maybe i'm adding the right code to the wrong place?
Community Manager

Re: Navigation Bar Edits

You'll probably need to edit the page templates and change the HTML there. I'm not sure what if any CSS you'd need to change offhand, although a lot of people use Chrome's Web Inspector on their live site to see what CSS code is doing what.

- Adam
Senior Community Specialist
Adventurer

Re: Navigation Bar Edits

I have gone through ALL codes available in the html/css editor. I used weebly a year or two ago and they have completely changed the ability to edit the html/css. Its all coding that redirects to a java script that you are not able to edit. I have been desperately trying to find a way to edit my logo size and it appears to be impossible. All tutorials and help forums show what you would do with the old coding that weebly used to use. This coding is similiar, but as I have said it sends it to a java script that controls the theme that we have no access to because it controls ALL website's theme codes that they host through it. not just mine. that is what I have observed anyway. Can weebly please confirm this so people like me can quit hunting for an answer that just isnt out there? I am fluent with HTML and CSS and what I see is nothing but coding that points to java script.

Adventurer

Re: Navigation Bar Edits

the only way to edit a logo is to go through every header's html page and add your own image source. quite frustrating when you should be able to just adjust an html code's image sizing like you used to be able to do

Scholar

Re: Navigation Bar Edits

Weebly has redesigned the edit HTML/CSS area completely, restricting edits that we used to have access to. This platform is going downhill when it comes to customization in the code.

Community Manager

Re: Navigation Bar Edits

We haven't removed access to any code that I recall, @Webplement. We also now give access to theme partials which were not available with older themes.

- Adam
Senior Community Specialist
Explorer

Re: Navigation Bar Edits

And yet EVERYONE wants to edit the logo size and change the navigation bar design which we can't do. Squarespace and wix are so much better with their templates.

Employee Moderator

Re: Navigation Bar Edits

The logo size restrictions would depend on the theme you are on. What types of design changes are you looking for regarding the navigation menu?