Menu Appearance

[Rade Leovac]

Hello! I want my logo to appear in the far left, while my menu is centered and search button is on the far right.
I also wanna edit top menu so my number appears far left, and social icons far right. Is this possible?
thanks in advance

[Rade Leovac]

.site-header .sticky-header .sticky-header-inner {
max-width: 1250px !important;
}
#agama-logo{
margin-left: -120px;

}
i’ve tried this, and its currently published, but it completely destroy’s the logo on mobile, as its completely far left…

[Rade Leovac]

(That was only for logo, i wanna adjust basically everything so it looks decent on every device(Logo far left, menu center, search far right)

Also, is there a way to change only top menu color to black and text to white? To make it different it from the main menu.

Thanks and sorry for many questions.

[Zex]

Hello, Rade!

Try to insert the following CSS codes into Customizing->General->Additional CSS:

#top-bar-wrap,
.site-header .sticky-header .sticky-header-inner
    {
    max-width:100%!important;
}

.sticky-nav>li:last-child{
    padding-left:150px;
}

Change the padding-left value as you wish.

Regards

[Rade Leovac]

That actually worked amazingly.
The only problem i’m left with is that MENU is not aligned to the center (feels a bit to the right)

And what about the turning the top menu into black background? Is it possible?

Thank u so much Zex.

[Rade Leovac]

Like this https://ibb.co/hyCKH7Q

[Zex]

Hi,

The search button is a part of the main menu and can’t be separated. For that reason, you can adjust the main menu position using only the padding-left value from the last part of the code I gave you. (try to increase this value)

To change the background color of the top menu, add the following code:

#top-bar{
    background-color:black!important;
}

You’ll also need to change the color of the top-menu social icon links:

#top-social ul li a {
    color:white!important;
}

Change the color value according to your needs.

To change the color of the phone number on the left, go to
Customize-> Navigations-> Navigation-Top and adjust the color to your needs.

https://prnt.sc/r3mdtf

Regards

[Rade Leovac]

I’ve realized how to scale text to the left, just need help with changing only background color of the top navigation menu!

Sorry for writing like a teen girl in 42x posts!

[Rade Leovac]

Ah did not see your post! Thank you a bunch mate, will get back to you!

[Zex]

It’s not a problem at all, that’s why we’re here.

Regards

[Rade Leovac]

Okay! So i’ve tried all of your suggestions and it works fine expect for the padding thing,

I simly cannot make it look centered no matter how much do i increase the padding, and on different resolutions it looks out of place when it looks great at 1920×1080 for example.

can i get around this? Im trying hard, thanks

[Rade Leovac]

If it can’t be done i’ll give it up, but just wanna try everything first!

Thank you so much Zax, you’re the man!

[Rade Leovac]

Also, while I’m here, is there a way to lay out front page boxes below one another? And to scale images a little larger?

Im sorry for all day bugging you, but once im done i wont ever again :))

[Rade Leovac]

One more thing!

Is there a thing that forces my image size through widgets to be ‘medium’ or 300×109 px?

I’m trying every other option but the picture won’t resize (The original pic is 1920×720).

Thanks man.

[Zex]

Hello Rade!

In the next major release, we prepare more Header styles.
but unfortunately, the header styles we currently have are not coded to work in that way.

Try to additionally insert the following code:

.agama-primary-nav  {
    float: none!important;
    left:14%!important;
    max-width: 65%!important;
}

And replace the pading-left value with this one:

.sticky-nav>li:last-child{
    padding-left:12vw!important;
}

[Author]

Posts