Shop Categories

X

Header and Footer Questions

Home Forums Agama Pro Header and Footer Questions

Topic Resolution: Resolved
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #6408
    alibi2017
    Participant

    Hi guys!
    Hope you had a nice weekend!

    I have a couple of questions about the header and the footer,
    Is it possible to align the logo and the end of the header navigation to the layout edges of the portfolio?

    https://prnt.sc/gv93t9

    Can i Remove the underline of the header in the home page?

    https://prnt.sc/gv98jg

    Also can the shrinked header have the same dimensions as the top header? (to not shrink)

    https://prnt.sc/gv91zh

    As for the footer, can I force it to be over the revolution slider on the home-page so it remains always as a fullpage? (without the scroll)

    In some pages that the content is not full the footer remains at the center of the page instead of the bottom!

    Thanks in advance!

    #6413
    Zex
    Moderator

    Hello, Alibi!

    1.Add the code below into Customizing ▸ General ▸ Additional CSS

    code:

    body.page-id-121 .site-header .sticky-header .sticky-header-inner{
       
        max-width: 1600px;
       
    } 

    https://prnt.sc/gvlz4b

    2. Add the code below into Customizing ▸ General ▸ Additional CSS

    code:

    .header_transparent header.header_v2 .sticky-header:not(.sticky-header-shrink)  {
           border-bottom: none;
    }

    https://prnt.sc/gvibfa

    3. Go to: Customizing ▸ Header ▸ Header Logo

    Try to set same value on the “Logo Max-Height” and “Logo Shrinked Max-Height”.

    https://prnt.sc/gvieyw

    4. Add the code below into Customizing ▸ General ▸ Additional CSS

    code:

    #footer-wrapper {
        position: fixed;
        width: 100%;
        bottom: 0;
    }

    https://prnt.sc/gvm4yy

    Best Regards

    #6415
    alibi2017
    Participant

    Hi Zex!

    Thanks for the codes, number 2 and number 4 work like a charm! 😀

    I added the first code as you showed but got no result on the website!

    For number 3 I got the logo sizes to be the same, but when i scroll the primary menu still does the shrinking action, is there a way it can remain centered with the logo?

    Is it possible to remove completly the shrinking header from the main page and the scroll bar?

    Thanks,
    Cheers!

    • This reply was modified 6 years, 4 months ago by alibi2017.
    #6418
    Zex
    Moderator

    Hi,

    For the number 1…

    You made a typo … It should be “px” instead of “x”

    https://prnt.sc/gvp1fp

    #6421
    Zex
    Moderator

    Hi, Alibi!

    As I see, the number 3 is also solved … so I mark the thread as “resolved”.

    Best Regards

    #6501
    alibi2017
    Participant

    Hi Zex, I still have the scroling problem with the header menu as when scroll down the navigation goes slightly up and does not stay alligned with the logo.

    https://prnt.sc/gyj6ct

    Also I want to disable any scroll functionality on the main page, as so in chrome and mozzila the nicescroll bar not to appear.

    https://prnt.sc/gyj6xw

    Thanks!

    #6505
    alibi2017
    Participant

    One last question (for now) is it possible to remove the underline/shadow in the shrinked header while scroling in the site?

    http://prntscr.com/gyjo1z

    #6506
    alibi2017
    Participant
    This reply has been marked as private.
    #6511
    Zex
    Moderator

    Hello, Alibi!

    as always…

    1.Add the code below into Customizing ▸ General ▸ Additional CSS

    code:

     /*Remove underline shadow */  
    .sticky-header {    
    box-shadow: none;
        }
    
    /*Center primary navigation link*/
    .sticky-header-shrink .sticky-nav li a {
    
        line-height: 87px;}
    
    /*Disable the scroll functionality on the main page*/
    
    body.home.page
    {
        position: fixed; 
        overflow: hidden;
        width: 100%;
    }

    https://prnt.sc/gyuslm

    P.S. We will appreciate If you want to rate us. You can do it on our Agama free theme on this link.

    Thank you!

    Best Regards

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header and Footer Questions’ is closed to new replies.
Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50