header/menu

hi friends, 

i will be very glad for your great support,
  1.  i set a custom menu instead the social icon menu, and i need a css to relocate the menu items :
  • desktop: aligan the link ("הירשם") with the logo  ( https://snag.gy/hrOwSZ.jpg)
  • tablat : aligan the link ("הירשם") with the menu button  (https://snag.gy/IQeaSf.jpg)
  • mobile : first i need that you will center the contact action bar . an about the custum menu ( this one that i set insted the socieal bar ) i need him under the contact bar and centered as well. (https://snag.gy/LnjZVR.jpg).
  • comment: i already have others css that you gave me in the pest, so please if there is something that i need to remove, tell me :-)
  1. action contact bar : 
    • can i set in this action bar a icon of facebook linked tothe site ( <a class="icon-facebook" href="facebook.com"> ) . i tried to do it by adding it to "2nd Phone" but it give me in addition the sigg of the phone. can you tell me please what the best way to do it if i want facebook icon there and if it's possible ?
3. action button : can you give me, if it's possible of course... a css for the action button that will show the action button just for the logout user and will be hide for login user ? 

url : pay-less.co.il

best regards 
nir meir , 
 

Comments

  • Hi,
    The only option is to go to theme options>responsive>header
    http://prntscr.com/fis4ki
    We do not offer any other customixations to this.
    thanks
  • sorry ... but i'am not understand you answer .
    i asked you four different question...

    in the pest you gave me css for adjust the team, there is some changing with the policy?  
  • Policy clearly says: Item support does not include services to modify or extend the item beyond the original features, style and functionality described on the item page. For customization services that will help you tailor the item to your specific requirements, we recommend contacting the author to see if they privately offer paid customisation services or checking out the great service providers on Envato Studio

    Regardless the policy we can give users very simple css to help then (color change, text align) your requests are far too advanced.
  • ok,  i get it , but, please look just at the first question. 
    i didn't mean to "relocate " the menu, just to align it . 
    please look at at the pictures . 

    tnx a lot

  • This aligment will not work using css, this probably is inside another container.
    I do not even have a link to your website, just some screenshots and not all are working.
  • hey,

    tnx for the response , the url to my website is : pay-less.co.il.
    and i also chak again all the screenshot, it's really just align, and it will be great if you can figure it for me .  

    1.  i set a custom menu instead the social icon menu, and i need a css to relocate the menu items :
    • desktop: align the link ("הירשם") to the left in the same line as the logo  ( https://snag.gy/ITlHM4.jpg)
    • tablat : align the link ("הירשם") to the left in the same line with the menu button  (https://snag.gy/l8ydwn.jpg)
    • mobile : first i need that you will center the contact of the action bar . and about the custom menu ( this one that i set instead the social bar ) i need him under the contact bar and centered as well. (https://snag.gy/LnjZVR.jpg).
    • comment: i already have others css that you gave me in the pest, so please if there is something that i need to remove, tell me 
  • This is not simple aligment, if you want we can help you with left/right but moving element top/bottom and across the header is not simple.
    Besides the screens still do not work, at least some of them.
  • edited June 2017
    hi there, 

    ok, I made some changes so now it's will be simple.
    all I need is an alignment the contact bar and the sub-menu on a mobile to the center, and also in horiznal preview mode. align both elements (contact bar and the sub-menu) to the center.

    I attached you a screenshot because I notice that the location of the sub menu affected by the length of the link so I took, for example, shorter and a long one.


    URL: pay-less.co.il

    I will be glad for your help,  














  • You can change the aligment of the action bar icons in theme options>responsive>header
    http://prntscr.com/fmbrxo
  • hi , 

    it's still the same, please take a look at the css that i have already in the theme, maybe it's contradicting.
    I save the option that you told me to, in this way you will be able to check. 

    I will be glad if you give me a solution that it will be aligned to the center. 


     
  • I am not sure what my college was trying to give you but to align both on mobile, you need to use the following css:
    @media only screen and (max-width: 767px) {
        #Action_bar .contact_details { float: none !important; }
    }
  • ho, tnx a lot this, this is what I wanted from the beginning.

    can you give me also CSS for the action bar background? 
    if you can give me CSS for each line separately, for the contact bar and for the secondary menu?
    if it's not possible for each element separately, so it will be fine if it's for both elements together. 

    never mind which color, just give me an example. 

    tnx a lot, 


  • hi , 

    I look at the link that you sent me, I tried to use, this : 
    1. .header-split #Action_bar { background-color: #DCD5C5; }
    2. #Action_bar { background-color: #fff; !impotant; }
    and, both of them not work for me , can you chack it plesae? 
  • Use this css :
    1. #Action_bar { background-color: red !important; }
    But this will cover only a stripe, do you want the whole header to change color?
  • tnx, this is exactly what I wanted. 
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.