Okay
  Public Ticket #1421273
Sticky Menu
Closed

Comments

  •  3
    Evolyon started the conversation

    Hi all and happy new year !

    I have a few questions.

    1)It concerns the "sticky menu". I use the extend menu option but when it swaps to sticky menu, u can see like a gap between the sticky menu and the left or right border of the window. This may be a bug cause when i dont use borders (in options), there is no gap...

    here u can see it : https://www.v3.evolyon.fr/test/

    I would like to use borders AND no gap/space on extended sticky menu, but i can't solve this issue.

    2) Moreover, still about this sticky menu, if i swap his background color using theme options, the color of site title doesnt... So i'm kinda confused here cause the other links in the sticky menu do swap color...  U can also see this on the link i did paste above + screenshot / comments in attachment

    3) When i use "select color palette for menu type", the "white (light)" skin doesnt use a black background... so we dont see menu items (cause they did swap to white color)... Meanwhile the "white light" skin works perfectly with the sticky menu... 

    Can u help me plz ?

  • [deleted] replied

    Hi Evolyon,

    1) Situation is like this

    a) Using Theme Borders and Sticky Menu

    b) You see the Gap on the left and Right Side

    Try to visit your site as not-logged user, you can activate Theme Border and se to gray or something so i could investigate the situation.

    Currently you have only sticky menu on site.

    2) Easy way to fix this is that you can upload your text Custom Image with different color ( i know you are using only text ) for sticky menu. Cause the Logo ( text ) is only A tag element isn't Navigation -> A element. And from Skin Builder is taking Link Color.

    3) There might be conflict between settings of Page and Theme Options. Please consider reading this article Brand logo, menu color or menu position doesn’t change on a specific page and you will learn why this is happening. If you still facing the issue you can consider sharing the WP Credentials with us and we can check for you.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Your information is safe (private) in this thread.

    Thank you.

  •  3
    Evolyon replied

    Hi Eroll,

    Thank you for your quick answer

    1) Ok i will activate borders in gray color to show you

    2) I would prefer a text instead of picture (SEO reason) but np i have another idea to fix it

    3) I did read the article thank you and did check all options (page + theme option)... but no effect. When i use the 'White (light)" pre made option for the regular menu, the menu background doesnt want to swap his color to black... whereas menu items do swap to white... so its white over white...

    What do you think ?


  • [deleted] replied

    Hi there,

    1) There some Custom CSS, and should be modified a bit to fix your issue, As you can see on the image below.


    (view large version)

    .main-header.fullwidth-header, demo_store, 
    .nivo-lightbox-theme-default .nivo-lightbox-close, 
    .portfolio-container-and-title.full-width-portfolio.portfolio-loop-layout-type-1 {
        margin-left: 10px;
        margin-right: 10px;
    }

    If you didn't drop this code maybe you should totally remove it from Custom CSS Section.

    2) Logo : hmmm you can put title on href <a href="link" title="Evolyion" ... if you know to edit the code.

    3) Is a bit contradiction on configuration due to limits on color possibilities you might try to add Custom CSS to background 

    .main-header.fullwidth-header{
        background-color: #e2e2e2 !important;
    }

    or to elements 

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a, 
    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a{
        color: #e3e3e3 !important;
    }

    Try to find compromise between Between Skin Builder and White Menu and Black Menu from Page Parameters and Options.

    Thank you.

  •  3
    Evolyon replied

    1) In fact i didnt add/remove any code... so i dont know why this margin did appear ?

    2) Ok ty, i will use a logo i think. Easier and faster

    3) I dont get your point. Sorry, i'm more web designer than coder ;). The "white (light)" pre option doesnt seem to work fine with regular menu, while it does perfectly with sticky menu. I would like this white option everywhere (except home page, transparent like i did). It would be like : black (#000000) background, white '#ffffff menu items.

    Maybe i should give you my login/pass to let u have a look ?

    And if u customise code, no risk of roll backs next theme update ?

  • [deleted] replied

    Hi Evolyon,

    1) Sometimes Theme Options are imported from any Demo you have installed.

    2) Nice

    3) I can try the Loggin and test the issue

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Thank you.

  •   Evolyon replied privately
  • [deleted] replied

    Hi E,

    Well i have done some setup 

    1) Menu is always black expect in home 

    2) First consider reading the article we wrote about Settings, Menus and more..., Create your first menu and set it to be used in Main Menu , as per horizontal sub menu i will check it after you add few items to tested. 

    Thank you.

  •  3
    Evolyon replied

    Wow ! Thanks a lot !

    I wish i was more familiar with coding... 

    I did read the article and made a test menu. No surprises here, regular method. I saw the different possibilites on the left (tags, categories, article, pages...) so it answered my question in part.

    I did add some pages so you can maybe help me to make it horizontal.

    And just one last question : Now that the menu has a black background, there is no more space between header and the rest of the page. Its fine for pages cause i will find a design that fits... however, for posts its a problem...

    Example : https://www.v3.evolyon.fr/coaching-dynamique/

    Could you plz tell me how to add a gap for ALL posts but ONLY posts ? (Maybe a custom CCS code ?)

    You can count on me to give you 5 stars reviews ! :)

    Take care 

  • [deleted] replied

    Hi E,

    Yes you can change for posts the header gap (left ,right) not sure if will work right reason is that i have used !important in prev action we did, but try to change the position of code in [edit] Custom CSS [/edit]

    Order 1 

    .single .main-header.fullwidth-header {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .home .main-header.fullwidth-header{
        background-color: transparent;
    }
    .main-header.fullwidth-header{
        margin-left: 0px !important;
        margin-right: 0px !important;
        background-color: #000;
    }

    Order 2 

    .home .main-header.fullwidth-header{    
        background-color: transparent;
    }
    .main-header.fullwidth-header{    
        margin-left: 0px !important;    
        margin-right: 0px !important;    
        background-color: #000;
    }
    .single .main-header.fullwidth-header {    
        margin-left: 10px !important;    
        margin-right: 10px !important;
    }

    As per horizontal sub menu nahh i tried few things but there is no way of doing it.

    Thank you.

  •  3
    Evolyon replied

    Sorry i didn't ask my question correctly ! Your custom CCS made is good and i keep it like that thank you

    When i talk about "no more space between header and the rest of the page" its not about right or left padding.

    I show you on a screen shot. It will be more easy to explain you.

    Its just a problem for articles cause on pages, same thing but its fine, cause it will fit with the design i will build.

    That's why i was asking if you know how to add a space for ALL posts but ONLY posts ? (Maybe a custom CCS code ?)

  • [deleted] replied

    Hi Evolyon,

    Maybe for single post you can set the header to not be position absolute to be relativ so it will have more space for sure, i'm not sure how much items you will have in feature it might be pain full to set each post to be relative but we can try the Custom CSS below to see if you like it, please paste the code below in Custom CSS .

    .single .main-header.fullwidth-header{ position:relative; }


    (view large version)

    Thank you.

  •  3
    Evolyon replied

    Hi Eroll,

    Thank you for your answer.

    I did paste your code in Custom CSS. There is a gap but the whole page has moved... so something went wrong....

    https://www.v3.evolyon.fr/coaching-dynamique/

    However i must say that the screen you send me would represent the perfect objective i'm looking for.

    Do you want to check by yourself on my website like we did before with my log ?

    Thank You

  • [deleted] replied

    Hi Evolyon,

    I'm not sure why it worked before but i had extend the code. Give a try.

    .single .main-header.fullwidth-header {
        position: relative;
        margin: 0 !important;
        padding-left: 0;
        padding-right: 0;
        top: 0 !important;
        left: 0 !important;
    }

    Thank you.

  •  3
    Evolyon replied

    WONDERFUL ! That's perfect !

    Thanks a lot for all your answers and your patience

    I'll write a full comment + review !

    Take Care Eroll

  • [deleted] replied

    Hi there,

    I'm glad to hear that.

    A huge thank you from Laborator in advance and have a great week!

    Will set this ticket as solved from here.

    Thank you