Shop Categories

X

Menu Appearance

Home Forums Agama Pro Menu Appearance

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #24499
    Rade Leovac
    Participant

    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

    #24501
    Rade Leovac
    Participant

    .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…

    #24502
    Rade Leovac
    Participant

    (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.

    #24503
    Zex
    Moderator

    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

    #24504
    Rade Leovac
    Participant

    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.

    #24505
    Rade Leovac
    Participant
    #24507
    Zex
    Moderator

    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

    #24508
    Rade Leovac
    Participant

    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!

    #24509
    Rade Leovac
    Participant

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

    #24510
    Zex
    Moderator

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

    Regards

    #24511
    Rade Leovac
    Participant

    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

    #24512
    Rade Leovac
    Participant

    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!

    #24515
    Rade Leovac
    Participant

    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 :))

    #24521
    Rade Leovac
    Participant

    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.

    #24532
    Zex
    Moderator

    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;
    }
Viewing 15 posts - 1 through 15 (of 20 total)
  • You must be logged in to reply to this topic.