header

how can i make my navigation bar wider

11 hours ago, zevinattisha said:

how can i make my navigation bar wider

 

Do you mean expanse this?

You can follow:

Edit Header > Edit Design > Size (Height): Change its value until it meets your desire

I hope it can help

@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

2 hours ago, zevinattisha said:

@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 should they be? Do you have any mockups/samples for the result you want to achieve?

5 hours ago, HoaLT said:

How should they be? Do you have any mockups/samples for the result you want to achieve?

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.

On 8/9/2024 at 12:44 PM, zevinattisha said:

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.

You can use this code to Website Tools > Custom CSS

nav {
	flex-wrap: nowrap;
}

then increase site navigation size, I think problem will disappear

What code would I need to change the header logo url? I saw an answer from a while back that had the below code, but I believe it would need to be customized to go to my "main" page and I'm unsure where to edit it. 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>$(document).ready(function () {
         $(".logo a[href]").attr("href", "http://www.google.com/");
       });
</script>

On 8/13/2024 at 5:22 AM, jackieo416 said:

What code would I need to change the header logo url? I saw an answer from a while back that had the below code, but I believe it would need to be customized to go to my "main" page and I'm unsure where to edit it. 

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>$(document).ready(function () {
         $(".logo a[href]").attr("href", "http://www.google.com/");
       });
</script>

Use this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function () {
         $(".header-title a").attr("href", "http://www.google.com/");
       });
</script>