zevinattisha

Im just looking to make the font size bigger of the navigation bar. but i am unable to do so because if i were to make it larger then the words would wrap.

@HoaLT not quiet. I am wanting the navigation bar to be wider. this way all the buttons in the nav bar will be on one line, and i can make the font bigger

how can i make my navigation bar wider

I am trying to edit an element in my header. i am having a hard time editing the "home, about, online journals, and submissions". is there any way to center that, and also change the font for those

@Beyondspace this is the code i have: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { function adjustLayoutBasedOnScreenSize() { const searchBlockContainer = $('.fe-block-yui_3_17_2_1_1722719299713_12791'); if (!searchBlockContainer.length) return; const searchBlock = $('.fe-block-yui_3_17_2_1_1722719299713_12791 .sqs-block'); searchBlock.addClass('header-search-bar'); if (window.innerWidth > 1024) { searchBlockContainer.remove(); $('.header-display-desktop .header-actions--right').append(searchBlock.clone()); searchBlock.clone().insertBefore($('.header-menu-actions .header-menu-actions-action')); } else { searchBlockContainer.remove(); const headerMenuNavWrapper = $('.header-menu-nav-wrapper'); if (headerMenuNavWrapper.length) { headerMenuNavWrapper.append(searchBlock.clone()); } } } adjustLayoutBasedOnScreenSize(); window.addEventListener('resize', adjustLayoutBasedOnScreenSize); }); </script> <style> @media screen and (max-width: 1024px) { .header-search-bar { max-width: 85vw; margin: 0 auto; } } </style>

@Beyondspace okay i did that, and once again it the block now has just disappeared.

@Beyondspace https://gerbil-chicory-t9l5.squarespace.com/config/pages/website-tools the password is Brotherof#6

Hey guys. I’m having issues with moving my search bar. I put my search bar in the footer, and I used code injection to try move the search bar block to the header. The code made the search bar disappear but I do not know where it went. Any help would be great!

@Lesum so i added another code block in the footer, identified the block number, and editted the code. now i am having the same issue i had previously. the search bar moves, but i do not see where it goes, it vanishes. and this goes for when the site is being presented and when being edited.

@Lesum hey lesum. i ran into an issue. I tried deleting the search bar that was placed at the bottom, but when i did so it deleted the search bar in the header. i tried bringing it back but i couldnt figure it out. if you can please help me out that would be great

@creedon would the link to the site help: https://gerbil-chicory-t9l5.squarespace.com/config/pages password is Brotherof#6

Hey guys, I am trying to edit my header and am having a hard time. I would like to edit the selected element in the header, i would want to change the font and make it all on one line, however i am having difficulities changing it without changing the fonts of everything. i also am not able to use custom code because i am not given the block number

wow im sorry i did not realize that. thank you so much youve been very helpful

@Lesum sorry i dont think i understand completely. right now the search bar and login button both have been removed

below i have attached the images. as you can see it appears as though the login and search bar are in the same block. teh second pictures is what happens when i click the trash icon next to the login

Perfect that seemed to work! Last concern I have is that the search bar has attatched itself to the same block as the login button. when i try and delete the login, it deletes both. Do you have any solutions

@Lesum would you need the section id of the header?

it moved the search bar. however i do not see where it moved to

i did. below i have a copy of the code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { function adjustLayoutBasedOnScreenSize() { const searchBlockContainer = $('.#block-yui_3_17_2_1_1722530057621_3630'); if (!searchBlockContainer.length) return; const searchBlock = $('.#block-yui_3_17_2_1_1722530057621_3630 .sqs-block'); searchBlock.addClass('header-search-bar'); if (window.innerWidth > 1024) { searchBlockContainer.remove(); $('.header-display-desktop .header-actions--right').append(searchBlock.clone()); searchBlock.clone().insertBefore($('.header-menu-actions .header-menu-actions-action')); } else { searchBlockContainer.remove(); const headerMenuNavWrapper = $('.header-menu-nav-wrapper'); if (headerMenuNavWrapper.length) { headerMenuNavWrapper.append(searchBlock.clone()); } } } adjustLayoutBasedOnScreenSize(); window.addEventListener('resize', adjustLayoutBasedOnScreenSize); }); </script> <style> @media screen and (max-width: 1024px) { .header-search-bar { max-width: 85vw; margin: 0 auto; } } </style> let me know if i missed something

@Lesum hey i just tried that and did not see a difference. i did it on this site if you want to check it out: https://gerbil-chicory-t9l5.squarespace.com/config/pages/website-tools/code-injection password is Brotherof#6

Thank you so much. I had to step away from my computer but when I get back I will try it out and let you know.

@Lesum gotcha. should be fixed now

i didnt know there was a password, sorry. it should be Brotherof#6

https://bamboo-guppy-5day.squarespace.com/config/pages/website-tools this is the site i did it on^^ i wanted to do it on this one to mkae sure it works before i put it on the final one

@Lesum done