Okay
  Public Ticket #2900405
top header - making sticky and justifying text
Closed

Comments

  •  2
    Andrew Goode started the conversation

    Hi 

    1. We would like to make the top bar "sticky" i.e. fixed so it doesn't move when you scroll down - and telephone number remains visible

    2. On the top bar we want to have 3 columns left / centre / right - is that possible. If so how

    KR Andrew

  •  1,878
    Judith replied

    Hi Andrew.

    Thanks for contacting us.

    1. Please ensure this option is turned off:

    5786894503.png

    2. Try using this header layout:

    4141280952.png

    Thanks.

  •  2
    Andrew Goode replied

    Hi Judith

    Sorry its the Very Top Bar that sits above the header 

    www.thestoragehub.co.uk - ie the yellow bar at the very top of the page 

    We need this to be in 3 columns and remain sticky


    KR Andrew

  •  8,841
    Tahir replied

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 


    ThemeNectar Support Team 

  •   Andrew Goode replied privately
  •  8,841
    Tahir replied

    Hey Again,

    Please update the Bundled plugins so we can work on it: https://thestoragehub.co.uk/wp-admin/themes.php?page=tgmpa-install-plugins&plugin_status=update .

    Thanks


    ThemeNectar Support Team 

  •  2
    Andrew Goode replied

    Hi Tahir

    Plug ins updated 


    KR Andrew

  •  8,841
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #header-outer[data-using-secondary="1"].small-nav:not([data-format="left-header"]) {
        transform: translateY(0px) !important;
    }
    body.material #header-secondary-outer nav * {
        width: 33.3% !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    Andrew Goode replied

    Hi Tahir


    Unfortunately the header code doesnt appear to work as required 

    When we applied we got this . Please could you investigate / help

    0?ui=2&ik=1b61534808&attid=0.1&permmsgid=msg-f:1714593226674963966&th=17cb7574924085fe&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ9SKo6ATJD4Cn2TeAfbleOvVTIkZx0_OhogktSQypJ-dYnjMstLGnTCeHjsFWVMFNke_mYUjivDqAxBeWwQS1wi9kPMwB5DB9dnxhWi7_ZeRZfa3dGzke9Sz4s&disp=emb&realattid=ii_kv6m4tdm0

  •  8,841
    Tahir replied

    Hey Again,

    Could you attach the Screenshot again so we can take a look.

    Thanks 


    ThemeNectar Support Team 

  •  2
    Andrew Goode replied

    Hi Tahir


    Please find attached again 

    3145282004.png

    Kr Andrew

  •  8,841
    Tahir replied

    Hey Again,

    Could you explain further as to what end result does this refer to "We need this to be in 3 columns" .

    To make it sticky use this CSS only.

    #header-outer[data-using-secondary="1"].small-nav:not([data-format="left-header"]) {
        transform: translateY(0px) !important;
    }
    

    Thanks


    ThemeNectar Support Team 

  •  2
    Andrew Goode replied

    Hi Tahir

    Please see attached which hopefully shows what we are trying to achieve in terms of 3 column and sticky

    KR Andrew

  •  1,878
    Judith replied

    Hi Andrew,

    I believe this would be possible using css code.

    Thanks.

  •  2
    Andrew Goode replied

    Hi Judith


    Are you able to advise what CSS is required to make this happen


    Kind Regards

    Amdrew

  •  2
    Andrew Goode replied

    Hi Judith

    Just progressing this are you able to advise what CSS is required to make this happen

    KR Andrew

  •  2
    Andrew Goode replied

    Hi Judith 

    This is what we are trying to achieve - but we cant get the top working

    Is this possible , if so how - Your help would be appreciated

    KR Andrew

  •  1,878
    Judith replied

    Hi Andrew,

    Seems your password is expired, please check and resend.

    Thanks.