Viewing 20 posts - 1 through 20 (of 22 total)
  • Author
    Posts
  • #169377
    vraba
    Participant

    Hallo guys,
    any idea, how to do it, to have “E-shop” the same position while first loading of webpage and after you scroll down? Thank you. Ondrej
    Link:

    #169415
    tikaram
    Keymaster

    @vraba: Do you want all the menus items to remain in the same position when you scroll down the page? Please let me know so that I can help you resolve the issue.

    Regards,
    Tikaram

    #169422
    vraba
    Participant

    @tikaram: thank you, yes that would be great. All menu items same position. Thank you for your help.

    #169538
    vraba
    Participant

    Awaiting your reply… ๐Ÿ™‚

    #169959
    vraba
    Participant

    Guys, please let me know. Thanks. Ondrej

    #170161
    tikaram
    Keymaster

    @vraba:Sorry for getting late. Can you please let me know the theme that you have used in the URL provided. Parallax Frame Pro already comes with sticky header, I am confused with the theme that you are using on the provided URL. Please let me know so that I can help you out.

    Regards,
    Tikaram

    #170162
    vraba
    Participant

    @tikaram: it is Parallax Frame Pro. Menu normally works fine, but once I tried highlighted one specific link (“E-SHOP”) – it wont work. Maybe it has something to do with “margin”.

    #170178
    Skandha
    Participant

    @vraba: Hello there,
    First of all
    Go to => Appearance => Customize => Additional CSS and remove the following CSS Code.

    #menu-item-2631 a {
        color: #ffffff;
        background-color: #27ae60;
    	  border-radius: 5px 5px 5px 5px;
    	padding: 10px 15px;	
    	margin: 1.9125em 0;
    }
    #menu-item-2631 a:hover {
        color: #ffffff;
        background-color: #007C2E;
    	  padding: 10px 15px;
    	  margin: 1.9125em 0;
    }

    Now add the following CSS Code.

    .header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a {
    	padding:37px 20px !important;
    }
    .header-background .primary-search-icon {
    	padding:26px 0px;
    }
    
    #menu-item-2631 a {
        color: #ffffff;
        background-color: #27ae60;
    	 border-radius: 5px 5px 5px 5px;
    	padding: 10px 15px !important;	
    	margin-top:27px;
    }
    #menu-item-2631 a:hover {
        color: #ffffff;
        background-color: #007C2E;
        padding: 10px 15px !important;
    }

    Let me know if this workso out!
    Kind Regards,
    Skandha

    #170189
    vraba
    Participant

    @Skandha: you are the be(a)st! Thank you. The only “problem” is now the search icon, is there a chance to have it in same line as “menu”? Thanks.

    #170208
    Skandha
    Participant

    @vraba: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #search-toggle {
        padding-top:27px;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #170223
    vraba
    Participant

    It works. Thank you. There are some different position on laptop/destop/mobile – but for the time I can live with that :).

    #170257
    Skandha
    Participant

    @vraba: Change the padding-top:27px to padding-top:37px and it should look fine.

    Let me know if this works out!
    Kind Regards,
    Skanhda

    #170263
    vraba
    Participant

    @Skandha: better thank you so much!

    #170280
    Skandha
    Participant

    @vraba: Glad I could help you out. Have a good day! ๐Ÿ™‚

    Kind Regards,
    Skandha

    #171023
    vraba
    Participant

    Skandha: unfortunately there is a problem with submenu.
    Once I use:

    .header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a {
    padding:37px 20px !important;
    }
    .header-background .primary-search-icon {
    padding:26px 0px;
    }

    There is a huge gap in submenu betwen links – see picture. Is there a way to solve this…

    Submenu

    #171025
    Skandha
    Participant

    @vraba: Hello there,

    .header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a {
    	padding:37px 20px !important;
    }

    Replace this code by the following and the sub menu issue should be fixed.

    .header-background .nav-primary .menu a, .fixed-header .nav-primary .menu > a {
    	padding:37px 20px !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #171026
    vraba
    Participant

    Skandha: are you sure, it looks the exact same ๐Ÿ™‚

    #171027
    vraba
    Participant

    Sorry it not the same… but does not work ๐Ÿ™

    #171028
    vraba
    Participant

    My bad! Sorry sorry, it works!

    #171029
    vraba
    Participant

    OK, again. It does not work. Once the site is loaded it seems fine. But after you scroll down just a little bit – there are huge gaps again.

Viewing 20 posts - 1 through 20 (of 22 total)
  • The topic ‘Highlight button in menu’ is closed to new replies.